Полезная информация

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№1150103-11-2021 18:18:42

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 94.0

Re: Настройка внешнего вида Firefox в userChrome.css

Как изменить фон активной адресной строки?

Отсутствует

 

№1150203-11-2021 19:43:57

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 142
UA: Firefox 94.0

Re: Настройка внешнего вида Firefox в userChrome.css

Подскажите, использую плагин "Firefox Multi-Account Containers", но хочу перенести пункт меню "Открыть ссылку в новой вкладке в контейнере" вниз списка над меню "исследовать" (или хотя бы под него в самый низ).

скриншот
2c13941592b59c9895ad7162e0d31cb0.png
Подскажите, как такое сделать?

Отсутствует

 

№1150303-11-2021 22:55:37

Erik010
Участник
 
Группа: Members
Зарегистрирован: 19-07-2019
Сообщений: 10
UA: Firefox 91.0

Re: Настройка внешнего вида Firefox в userChrome.css

Как в FF 94 установить иконку на пункт меню в Panel History "Восстановить предыдущую сессию"? Эта конструкция не работает:
#appMenuRestoreSession {
    list-style-image: url("./icons/restore-session.svg");
  }

Отредактировано Erik010 (03-11-2021 22:57:59)

Отсутствует

 

№1150404-11-2021 00:27:50

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

Re: Настройка внешнего вида Firefox в userChrome.css

egorsemenov06 пишет

Подскажите пожалуйста как в строке поиска убрать белый фон на стрелке сделать при наведении прозрачным

Ну там вообще-то нет белых фонов, ваш стиль ломает прозрачные дефолтные фоны - гасит переменную --newtab-background-color в составе --newtab-element-hover-color
Это правило попробуйте добавить в свой стиль

скрытый текст

Выделить код

Код:

.search-wrapper .search-button:focus, .search-wrapper .search-button:hover {
	background-color: rgba(10,10,15,0.4) !important;
}

voqabuhe пишет

Как изменить фон активной адресной строки?

Так попробуйте

скрытый текст

Выделить код

Код:

#urlbar:is([focused="true"], [open]) > #urlbar-background, #searchbar:focus-within {
	background-color: gold !important;
}

Hobbix пишет

хочу перенести пункт меню "Открыть ссылку в новой вкладке в контейнере" вниз списка над меню "исследовать" (или хотя бы под него в самый низ)

скрытый текст
В самый низ
скрытый текст

Выделить код

Код:

#context-openlinkinusercontext-menu {
 -moz-box-ordinal-group: 10;
}

Или так ещё попробуйте, должно получится над меню "исследовать", но у меня не установлено дополнение, а контейнеры включены настройками privacy.userContext.enabled — true и privacy.userContext.ui.enabled — true
скрытый текст

Выделить код

Код:

#context-navigation[hidden] ~ :is(#context-inspect, #context-openlinkinusercontext-menu) {
 -moz-box-ordinal-group: 10;
}

Так можно укоротить имя пункта меню, файл userChrome.css должен быть в кодировке UTF-8
скрытый текст

Выделить код

Код:

#context-openlinkinusercontext-menu > .menu-text {
    display: none !important;
}
#context-openlinkinusercontext-menu::before {
    content: "Открыть ссылку в контейнере";
    display: inline-block;
    -moz-box-flex: 1;
    padding-inline-start: 32px;
}

Отредактировано sandro79 (04-11-2021 01:47:20)

Отсутствует

 

№1150504-11-2021 06:21:48

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 94.0

Re: Настройка внешнего вида Firefox в userChrome.css

sandro79 пишет

Так попробуйте

Так и хотел. Спасибо.

Добавлено 04-11-2021 06:49:03
sandro79
А как бы ещё поиск в боковой панели добавить?

Отредактировано voqabuhe (04-11-2021 06:49:03)

Отсутствует

 

№1150604-11-2021 08:05:44

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 142
UA: Firefox 94.0

Re: Настройка внешнего вида Firefox в userChrome.css

sandro79, огромное спасибо! Как раз то что нужно. Не одному мне глаза мозолило.

Отсутствует

 

№1150704-11-2021 11:40:37

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

Re: Настройка внешнего вида Firefox в userChrome.css

voqabuhe пишет

А как бы ещё поиск в боковой панели добавить?

Так может, но это ещё тот костыль, по-другому даже не знаю как

скрытый текст

Выделить код

Код:

#sidebar-search-container #search-box:focus {
  appearance: none !important;
  background-color: gold !important;
}

Hobbix пишет

Не одному мне глаза мозолило

Да конечно, такие длиннющие названия.

Отсутствует

 

№1150804-11-2021 13:45:41

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1746
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

Erik010 пишет

Как в FF 94 установить иконку на пункт меню в Panel History "Восстановить предыдущую сессию"?

Попробуйте так:

скрытый текст

Выделить код

Код:

#appMenu-restoreSession > .toolbarbutton-icon {
    -moz-context-properties: fill;
    list-style-image: url("путь");
    padding-inline-end: 3px;
    fill: цвет;
}


Win7

Отсутствует

 

№1150904-11-2021 14:35:34

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1224
UA: Firefox 93.0

Re: Настройка внешнего вида Firefox в userChrome.css

voqabuhe
Не знаю, насколько мой стиль правильный, он у меня исторический для адресной, поиска и поиска в боковой панели, кучу версий пережил и работает. Может, стиль от sandro79 правильней будет... Добавлен бордюр полей при наведении и изменение фона, скругление поля поиска в боковой (border-radius: 5px !important;) .

скрытый текст

Выделить код

Код:

#search-box {
    -moz-appearance: none !important;
    appearance: none !important;
    border: 1px solid hsla(240,5%,5%,.25) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.05) !important;
/*    background-color: var(--lwt-sidebar-background-color, transparent) !important;
    color: var(--lwt-sidebar-text-color, currentColor) !important; */
    font-style: normal !important;
    padding: 1px 2px !important;
    height: auto !important;
    min-height: 22px !important;
    border-radius: 5px !important;
}

#urlbar:not(:-moz-lwtheme):hover > #urlbar-background,
#searchbar:not(:-moz-lwtheme):hover, #search-box:not(:-moz-lwtheme):hover {
    border-color: Red !important;
/*    background-color: rgba(255, 255, 255, .62) !important; */
    background-color: lightblue !important;
    box-shadow: none !important;
}

#urlbar:not(:-moz-lwtheme)[focused="true"] > #urlbar-background,
#searchbar:not(:-moz-lwtheme):focus-within, #search-box:not(:-moz-lwtheme)[focused="true"] {
    border-color: Blue !important;
    background-color: #FFD700 !important;
    box-shadow: none !important;
}

Отсутствует

 

№1151004-11-2021 15:33:13

Erik010
Участник
 
Группа: Members
Зарегистрирован: 19-07-2019
Сообщений: 10
UA: Firefox 91.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет

Попробуйте так:

Спасибо за наводку. Сделал так:
#appMenu-restoreSession  {   
    list-style-image: url("./icons/restore-session.svg"); 
  }

Отсутствует

 

№1151104-11-2021 18:15:38

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 94.0

Re: Настройка внешнего вида Firefox в userChrome.css

Переместить окошко „Add bookmark“ в центр области просмотра

Здравствуйте.

Подскажите стиль для перемещения окошка „Add bookmark“, появляющегося при нажатии на звёздочку в адресной строке, в центр области просмотра.

скрытый текст

51654583153_b0882099f1_o.png

Спасибо.

Отсутствует

 

№1151204-11-2021 18:24:25

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 94.0

Re: Настройка внешнего вида Firefox в userChrome.css

sandro79 пишет

Так может, но это ещё тот костыль, по-другому даже не знаю как

Спасибо, работает.

xrun1 пишет

Не знаю, насколько мой стиль правильный, он у меня исторический для адресной, поиска и поиска в боковой панели, кучу версий пережил и работает.

У меня не хотит работать. Или куда его надо определить?

Отсутствует

 

№1151304-11-2021 23:25:15

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1224
UA: Firefox 94.0

Re: Настройка внешнего вида Firefox в userChrome.css

voqabuhe
В userChrome.css думаю. Если стоит ucf, то делаем стиль и импортируем в custom_style_user.css. У меня старая версия ucf, с новой я не дружу и как там не знаю.

Отсутствует

 

№1151405-11-2021 17:38:07

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 94.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
№9930 Перестали срабатывать в адресной строке кнопки дополнений Scroll Up Folder и Save-To-Read. Как бы вернуть их нажатие?

Добавлено 05-11-2021 17:39:26

xrun1 пишет

В userChrome.css думаю.

Туда и добавлял.

Отредактировано voqabuhe (05-11-2021 17:39:26)

Отсутствует

 

№1151506-11-2021 14:15:27

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1746
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

FireForce
Как вариант:

скрин
0b23a5dc65da.png


Win7

Отсутствует

 

№1151606-11-2021 15:43:24

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

Re: Настройка внешнего вида Firefox в userChrome.css

Подскажите пожалуйста. Как ограничить длину надписи во вкладке с сохранением масштаба которая лезет на кнопку закрытия (крестик)

скрытый текст
38a5160bcf79.png

Отредактировано Ник 22 (06-11-2021 15:59:15)

Отсутствует

 

№1151706-11-2021 16:03:38

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1746
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

Ник 22
https://forum.mozilla-russia.org/viewto … 78#p793078

Отредактировано kokoss (06-11-2021 16:05:29)


Win7

Отсутствует

 

№1151806-11-2021 18:26:04

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 91.0

Re: Настройка внешнего вида Firefox в userChrome.css

ПРОШУ ПОДСКАЗАТЬ КАК УБРАТЬ ИЛИ СПРЯТАТЬ ЭТУ НАДПИСЬ НА ЮТУБЕ, СПАСИБО : https://disk.yandex.ru/i/qdJIwA577Ghd4w

Отсутствует

 

№1151906-11-2021 18:52:10

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss
Спасибо.  Все нормально, сам текст сократился вот только многоточие осталось.

Отредактировано Ник 22 (06-11-2021 19:05:26)

Отсутствует

 

№1152006-11-2021 22:15:54

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1746
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

Ник 22 пишет

вот только многоточие осталось.

Попробуйте в строке-> text-overflow: ellipsis !important; заменить ellipsis на hidden


Win7

Отсутствует

 

№1152106-11-2021 22:40:40

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет

Ник 22 пишетвот только многоточие осталось.Попробуйте в строке-> text-overflow: ellipsis !important; заменить ellipsis на hidden

Не помогло. Ну ладно в принципе и так уже лучше чем было. Спасибо.

Отредактировано Ник 22 (06-11-2021 22:42:17)

Отсутствует

 

№1152206-11-2021 22:49:15

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1746
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

Ник 22 пишет

Не помогло.

У меня вроде сработало:

скрытый текст
29ae43956aed.png
но это видимо зависит от используемых стилей для вкладок.


Win7

Отсутствует

 

№1152308-11-2021 03:19:40

Dobrov
Участник
 
Группа: Members
Зарегистрирован: 04-10-2011
Сообщений: 475
UA: Firefox 87.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. просьба дополнить работу кнопки "Восстановить фавиконки закладок" из расширения Add Toolbars Buttons.


При нажатии кнопка "Восстановить фавиконки закладок" краснеет, но как оценить, сколько времени ещё ждать или сколько иконок обновлено?
Может возможно добавить проценты прогресса обновления favicon или убывающее число оставшихся необновлённых иконок, отображаемых либо на кнопке либо в консоли либо в строке состояния?

Отсутствует

 

№1152408-11-2021 16:17:48

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1647
UA: Firefox 91.0

Re: Настройка внешнего вида Firefox в userChrome.css

igr40
Попробуйте так.

скрытый текст

Выделить код

Код:

#tabbrowser-tabs .tab-close-button.close-icon {
    -moz-context-properties: fill, fill-opacity !important;
    color: inherit !important;
    fill: currentColor !important;
    fill-opacity: 0 !important;
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
    margin-inline-start: -20px !important;
    margin-inline-end: 0px !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"]):hover .close-icon:hover {
    list-style-image: url("./svg/close.svg") !important;
}
#tabbrowser-tabs .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]) {
    mask-image: none !important;
}

Предварительно создайте подпапку chrome/svg и положите туда иконку в формате SVG.
Например, создайте текстовый документ, сохраните в него этот код
скрытый текст

Выделить код

Код:

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
<rect width="20" height="20" style="fill:context-fill;fill-opacity:context-fill-opacity"/>
<path style="fill:none;stroke:context-fill;stroke-width:1" d="m6 6 8 8m-8 0 8-8"/>
</svg>

и переименуйте документ в close.svg. Отображение расширений файлов в системе должно быть включено.
   
Это модификация кода из VitaliyVstyle.github.io/stylesff/full_theme.
   
Или другая иконка
скрытый текст

Выделить код

Код:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <path d="M7.21875 5.78125L5.78125 7.21875L14.5625 16L5.78125 24.78125L7.21875 26.21875L16 17.4375L24.78125 26.21875L26.21875 24.78125L17.4375 16L26.21875 7.21875L24.78125 5.78125L16 14.5625Z" fill="#D0D0D0" />
</svg>

в этом случае цвет задается в иконке, а в коде можно использовать - color: transparent.
   
Получается так 06.gif

Отредактировано _zt (08-11-2021 17:16:33)

Отсутствует

 

№1152510-11-2021 20:23:40

yipsiserko
Участник
 
Группа: Members
Зарегистрирован: 10-11-2021
Сообщений: 3
UA: Firefox 94.0

Re: Настройка внешнего вида Firefox в userChrome.css

Всем привет, не подскажете как можно изменить контекстное меню? Что-то убрать, что-то запихнуть под спойлер, как дефолтные функции, так и те что предлагают дополнения
Посмотрел одну старенькую тему здесь на форуме, кто-то предлагает simpleMenuWizard, кто-то дополнения, которые я не нашёл. Если кто успешно правил контекст меню, по вышеперечисленным признакам, наведите на правильное решение пожалуйста

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]