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

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

№1110118-08-2021 16:25:02

Gheorgich
Участник
 
Группа: Members
Зарегистрирован: 29-07-2017
Сообщений: 58
UA: Firefox 91.0

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

А расстояние между иконками на панели инструментов (рядом с адресной панелью) регулируется как-то в сторону уменьшения?
А то с таким расстоянием слева от адресной панели смотрится еще туда-сюда, а справа ни в какие ворота, можно между ними еще по одной иконке всунуть

скрытый текст
3.jpg

Отредактировано Gheorgich (18-08-2021 16:36:19)

Отсутствует

 

№1110218-08-2021 16:43:36

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 91.0

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

Господа, а как вот это поправить, меню гамбургера, редко туда захожу, но все же
34eae0228796d683c74314e389d61d1a.png

Отсутствует

 

№1110318-08-2021 16:49:13

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

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

Gheorgich пишет

А расстояние между иконками на панели инструментов (рядом с адресной панелью) регулируется как-то в сторону уменьшения?

вот так

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

Выделить код

Код:

:root:not([uidensity="touch"]) {
/* Mini Icon */
   --toolbarbutton-outer-padding: 1px !important;
   --toolbarbutton-inner-padding: 5px !important;
   --toolbar-start-end-padding:   5px !important;
}

Отредактировано Oleg_V (18-08-2021 16:49:38)

Отсутствует

 

№1110418-08-2021 17:08:21

Gheorgich
Участник
 
Группа: Members
Зарегистрирован: 29-07-2017
Сообщений: 58
UA: Firefox 91.0

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

Oleg_V Это работает, если для значков выбран режим "мобильный вид", у меня "обычный".
Сделал так

Выделить код

Код:

:root:not([uidensity]){
    /* Tool Bar */
     --toolbarbutton-outer-padding: 1px !important;
     --toolbarbutton-inner-padding: 5px !important;
     --toolbar-start-end-padding:   5px !important;
}

Но расстояние уменьшилось за счет уменьшения самих кнопок, а относительное расстояние между ними осталось. Остался какой-то зазор.

Отредактировано Gheorgich (18-08-2021 17:19:01)

Отсутствует

 

№1110518-08-2021 17:27:31

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

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

Gheorgich пишет

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

у меня тоже "обычный", не "мобильный". и работает...

Gheorgich пишет

Но расстояние уменьшилось за счет уменьшения самих кнопок

не заметил у себя уменьшения кнопок.
--toolbarbutton-inner-padding: 5px !important;
этот параметр, чем больше число, тем ближе кнопки и тем, по идее, меньше у вас значки, хотя у себя не вижу уменьшения

Gheorgich пишет

Остался какой-то зазор.

--toolbarbutton-outer-padding: 1px !important;
вот этот параметр. я оставил 1 пиксел зазора. сделайте 0


p.s. может у вас компактный режим включен, поэтому немного другая реакция? я не включал...
browser.compactmode.enabled -> true

Отредактировано Oleg_V (18-08-2021 17:34:15)

Отсутствует

 

№1110618-08-2021 17:38:49

Gheorgich
Участник
 
Группа: Members
Зарегистрирован: 29-07-2017
Сообщений: 58
UA: Firefox 91.0

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

Oleg_V С uidensity="touch" кнопки у меня меняются, если в "Настроить панель инструментов выбрать "значки_мобильный". В обычном ничего не происходит. Компактного нет вообще, я так обновился. А размеры иконок сравнил на шотах - все нормально, показалось.

скрытый текст
4.jpg

Отредактировано Gheorgich (18-08-2021 17:40:40)

Отсутствует

 

№1110718-08-2021 17:41:18

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

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

Ник 22 пишет

В ранних версиях Firefox стрелки взад/вперед были в кружочках. Можно ли вернуть эти стрелки

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

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

Выделить код

Код:

#back-button > .toolbarbutton-icon {
	background-color: LightGrey !important; /* цвет кнопки, можно так назначить #7FFFD4 https://colorscheme.ru/html-colors.html */
	border: 1px solid DarkGray !important; /* цвет обводки */
	border-radius: 10000px !important;
	width: 34px !important; /* ширина */
	height: 34px !important; /* высота */
	padding: 7px !important; /* размер стрелки */
}
#back-button:hover > .toolbarbutton-icon {
	background-color: GreenYellow !important; /* цвет наведения */
}
#forward-button > .toolbarbutton-icon {
	background-color: LightGrey !important;
	border: 1px solid DarkGray !important;
	border-radius: 10000px !important;
	width: 28px !important;
	height: 28px !important;
	padding: 6px !important;
}
#forward-button:hover > .toolbarbutton-icon {
	background-color: GreenYellow !important;
}

Или вообще заменить кнопки
скрытый текст
Сделано на основе: https://github.com/Aris-t2/CustomCSSfor … ie9.css#L8, https://github.com/Aris-t2/CustomCSSfor … rge.css#L6, https://github.com/Aris-t2/CustomCSSfor … bf_ie9.png

Выделить код

Код:

/* custom large back-forward buttons */
#main-window toolbox toolbar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAgCAMAAACRtl6LAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAC0UExURQAAAGOMoAUEAyAlJxIbHwQDAwAAAAMDAw0QEQICAjJQXoTH5lZ9kDFriHOz0XCftj1KUgAAAE9reUxlcCs0OjiGqjOn3FKixXitxziayUGj0////zee0CyZzjyh0iSVzDKczwyKxhaOyFSt10em1GW13AOEw2653k2q1lyw2ne937rd7h2SyuPy+Z7O5gF+v2TA6lW65xaf3D+r3kqu36nV6tPr9SuSxnLL7svm8kify3fP92C+BrAAAAAadFJOUwDPJW1qQgkzWBGj/sXK/eWMBLWmc+P+6/H+5Z31HgAAAy1JREFUSMedltliqyAQhmtcY2Jss7U1IioYibGtZm/7/u91ZkCNyelN+18hAx8DMww+PPRk2Y6j645jWw9/02Duai+Topi8aO588AfAcK4Vl/rAg4Af6kuhzYe/BDyZ06LaR0GjaF8VU/Pph4HWwDQdxzQH93sdOlp16AAScqg05z9HhrY+8/2i8P2Zbt9Ynxy/Cm4IwAgq37nzw9a1ImOMc8ayQtPtnsnU6pYQhldGrZk3C9mPkw1vzXwzebS7JYbTKmoEhDDqVE37ztqzjPX9ZNms80PP9828MD6eNqTj7XO9R3jM+e1eef7YMAbjOg6lCHlfrd4yEjaK63GXH0N9IqI7iYmu3NSzZXwlrFb5FbHMOjfsMWu7Q/7ZtNlYujF0axKjFOEtV1+qq3ab07D0rCNEp9WbUM1MtyR+T1CUHJHAKOlpP253OxMNFiZuYRyXH2KGO3WeY0mgSNiSdZKikkSi4menjXtE4s4/PLIAvYxk3A1xJaxOx22rLMV+YSiEWigeNfoERtQtYRxKSktF6Gu0pqBDi2CUEhr2B5xCWJhJBFmj3u8RxUcC3aRFvCag9AZBoedVIs5I+FCMz/duI+ID+88tYiEReV5I4UYoHFi6cJQRhibKj23y0WoNU9bJoj1ODyekaVni9kZAiEv89PA4bW+Ho0EyLXhS0rKUMQHEzmuD6lKcgfMJwaBG0CpT4mJQLVch0iSVjAyODa0IWe/cprRYRigBGIUQUovLKNIvQ9qNsySkZUpVglNpBkiStkcBzk4JAjCzIiETHKIcTpWTA2+XSB8hQeU1U/eFwnHtvO62D40vSC240XBDQVBPojD6Mhq7cd4BAZhQLo6nLMABsAYtd69G/7JzrEecCykcJNrLDhdtCYQ4DLjgggnGmOBBBI4s3ZuS4wqczxoJtnGvpc/0lorANoxtQAiBiuPdF75NY0dl/cL3YDmLfRQhIVOCoYIfFs5dpbeNcZ6jPYcUGxv27SPg1QdJyKUAUlfjnx4BY6b5o5GvzQz7zmqZ0/yiCEWBjG94iqzfPEXqQbxcqlwyqu/v3z+I12d5NPrzs9z+HBjGb38O/gEdGJq7nJYETQAAAABJRU5ErkJggg==") !important;
}
/* override custom button shapes */
#main-window:not([customizing]) #nav-bar :-moz-any(#back-button, #forward-button)[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar :-moz-any(#back-button, #forward-button)[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#main-window:not([customizing]) #nav-bar :-moz-any(#back-button, #forward-button)[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar :-moz-any(#back-button, #forward-button)[type="menu-button"] .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([checked]):not([open]):not(:active) > .toolbarbutton-text,
#nav-bar :-moz-any(#back-button, #forward-button):not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar :-moz-any(#back-button, #forward-button):not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#nav-bar :-moz-any(#back-button, #forward-button):not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[type="menu"][open]:not([disabled]) .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[type="menu-button"]:not([open]):hover:not([disabled]):active .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active,:active, [open]) > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button)[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#nav-bar :-moz-any(#back-button, #forward-button):not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack  {
  background: unset !important;
  border-color: unset !important;
  box-shadow: unset !important;
  transition: unset !important;
  fill: unset !important;
}
/* custom large back-forward buttons */
#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon,
#main-window:not([uidensity=compact]):not([uidensity=touch])  #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon,
#main-window[uidensity=compact]  #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon,
#main-window[uidensity=touch]  #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button) .toolbarbutton-icon {
  padding: 0 !important;
  margin: 0 !important;
  background: unset !important;
  box-shadow: unset !important;
  border: unset !important;
  border-radius: unset !important;
}

#main-window:not([uidensity=compact]):not([uidensity=touch]) #navigator-toolbox #nav-bar #back-button .toolbarbutton-icon,
#main-window[uidensity=compact] #navigator-toolbox #nav-bar #back-button .toolbarbutton-icon,
#main-window[uidensity=touch] #navigator-toolbox #nav-bar #back-button .toolbarbutton-icon,
#main-window #navigator-toolbox #nav-bar #back-button .toolbarbutton-icon {
  -moz-image-region: rect(0px 36px 32px 0px) !important;
  width: 36px !important;
  height: 32px !important;
}

#main-window:not([uidensity=compact]):not([uidensity=touch]) #navigator-toolbox #nav-bar #forward-button .toolbarbutton-icon,
#main-window[uidensity=compact] #navigator-toolbox #nav-bar #forward-button .toolbarbutton-icon,
#main-window[uidensity=touch] #navigator-toolbox #nav-bar #forward-button .toolbarbutton-icon,
#main-window #navigator-toolbox #nav-bar #forward-button .toolbarbutton-icon {
  -moz-image-region: rect(0px 66px 32px 36px) !important;
  width: 30px !important;
  height: 32px !important;
}

#main-window[uidensity=compact] #nav-bar #nav-bar-customization-target > :-moz-any(#back-button, #forward-button) {
  margin: unset !important;
  padding: unset !important;
}

#main-window:not([uidensity=compact]):not([uidensity=touch]) #nav-bar #nav-bar-customization-target > #forward-button,
#main-window[uidensity=touch] #nav-bar #nav-bar-customization-target > #forward-button {
  -moz-margin-start: -2px !important;
}

#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button):not([disabled]):hover .toolbarbutton-icon {
  filter: brightness(1.3) !important;
}
#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button):not([disabled]):-moz-any(:active,:hover:active,[open]) .toolbarbutton-icon {
  filter: brightness(0.9) contrast(175%) !important;
}
#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button)[disabled] .toolbarbutton-icon {
  opacity: 1.0 !important;
  filter: grayscale(50%) !important;
}
#main-window #navigator-toolbox #nav-bar :-moz-any(#back-button, #forward-button)[disabled] {
  opacity: 1.0 !important;
}
@media (-moz-proton) {	
#main-window:not([uidensity=compact]):not([uidensity=touch]) #nav-bar #nav-bar-customization-target > #forward-button,
#main-window[uidensity=touch] #nav-bar #nav-bar-customization-target > #forward-button {
  -moz-margin-start: -4px !important;
}
}

bezuma пишет

Господа, а как вот это поправить, меню гамбургера, редко туда захожу, но все же

Можно убрать подписи кнопок - и +, не наблюдаю такого в дефолтном меню гамбургера. Может у вас в userChrome что-то типа .subviewbutton > .toolbarbutton-text { display: -moz-box !important; } затесалось.

Gheorgich пишет

Это работает, если для значков выбран режим "мобильный вид", у меня "обычный"

Нет, это работает в режиме компактных и обычных значков :root:not([uidensity="touch"]) - не для мобильных. У меня тоже --toolbarbutton-outer-padding: 1px !important; уменьшает это расстояние

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

Выделить код

Код:

:root:not([uidensity="touch"]) {
	--tab-border-radius: 0px !important;
	--tab-min-height: 24px !important;
	--inline-tab-padding: 5px !important;
	--tabs-navbar-shadow-size: 0px !important;
	--toolbarbutton-outer-padding: 1px !important;
	--toolbarbutton-inner-padding: 5px !important;
	--toolbar-start-end-padding: 2px !important;
        --toolbarbutton-border-radius: 2px !important;
        --urlbar-min-height: 26px !important;
        --urlbar-icon-padding: 4px !important;
        --urlbar-container-padding: 0px !important;
	--tab-block-margin: 0px !important;
	--bookmark-block-padding: 1px !important;
	--arrowpanel-menuitem-margin: 0 5px !important;
	--arrowpanel-menuitem-padding-block: 2px !important;
        --arrowpanel-border-radius: 2px !important;
	--arrowpanel-menuitem-border-radius: 2px !important;
	--panel-separator-margin: 3px 8px !important;
	--panel-subview-body-padding: 6px 0 !important;
}

Можно попробовать ещё код для уменьшения пространства по краям адресной и поисковых строк
скрытый текст

Выделить код

Код:

#urlbar-container, #search-container {
	margin-inline: 2px !important;
}

Отредактировано sandro79 (18-08-2021 19:04:55)

Отсутствует

 

№1110818-08-2021 17:52:16

Gheorgich
Участник
 
Группа: Members
Зарегистрирован: 29-07-2017
Сообщений: 58
UA: Firefox 91.0

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

sandro79
У меня uidensity="touch" не работает. Может в userChrome.css что-то конфликтует, я готовый взял из Firefox-UI-Fix и постепенно его меняю. То есть навожу курсор мыши на "мобильный" и иконки уменьшаются на лету, отвожу - встаёт на место. Но :root:not([uidensity]) работает в обычном режиме.
Код  уменьшения интервалов адресной и поисковых строк работает, лучше стало, спасибо.

Отсутствует

 

№1110918-08-2021 18:38:00

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

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

Vitaliy V. пишет

Короче добавил там

Ясно. Последнее, пожалуйста:

скрытый текст
2021.1629301019.png
Как бы эти лишние пикселя убрать? У переключателя их нет.
Фон добавлял в addon-card panel-item[action=

Отсутствует

 

№1111018-08-2021 19:05:03

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 92.0

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

_zt пишет

Фон добавлял в addon-card panel-item

Там же есть переменные --v-content-button-background и т.д.
Просто их нужно добавить для определенных кнопок

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

Выделить код

Код:

addon-card panel-item[action="remove"] {
    --v-content-button-border-color: FireBrick;
    --v-content-button-border-color-hover: FireBrick;
    --v-content-button-background: DarkRed;
    --v-content-button-background-hover: FireBrick;
    --v-content-button-background-active: Maroon;
    --v-content-button-color: White;
    --v-content-button-color-hover: Gold;
    --v-content-button-color-active: DarkOrange;
}

И добавить это в блок @media (-moz-toolbar-prefers-color-scheme: dark) {
т.к. у вас темная тема

Отсутствует

 

№1111118-08-2021 19:15:58

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

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

Отсутствует

 

№1111218-08-2021 19:39:20

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

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

Vitaliy V.
Я просто не думал, что переменные цвета еще и на ширину бэкграуда влиять могут.
Да и без добавки, с тем что есть по умолчанию, цвета теперь нормальные. Спасибо.

Отсутствует

 

№1111318-08-2021 20:23:19

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 92.0

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

_zt пишет

что переменные цвета еще и на ширину бэкграуда влиять могут

Они не на какую ширину не влияют просто вы добавляли цвет к panel-item (там на пару пикселей шире чем button)
а у меня (как в стилях браузера) к button что находится в Shadow DOM который в panel-item

Отсутствует

 

№1111418-08-2021 20:56:23

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 228
UA: Firefox 91.0

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

Vitaliy V.
sandro79
На хабре скоро будет новый дизайн, на старом дизайне этот код растягивает содержимое на всю ширину, а в новом не работает, хотя content_left вроде тоже есть.

Выделить код

Код:

.content_left {
  padding-right: 0 !important;
}

для примера маленький пост без картинок

А в новом дизайне как такое же сделать?
Переключатель на старую версию и на новую.

Отредактировано momo2000 (18-08-2021 20:59:59)

Отсутствует

 

№1111518-08-2021 22:00:26

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

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

momo2000 пишет

А в новом дизайне как такое же сделать?

Ну там, как я понял, ширина задаётся, можно наверно в % или в пикселях указать, 1900px например.
Так растягивает

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

Выделить код

Код:

@-moz-document domain("habr.com") {
.tm-page-width {
	max-width: 90% !important;
}
}

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

Отредактировано sandro79 (18-08-2021 22:09:12)

Отсутствует

 

№1111618-08-2021 22:09:43

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 91.0

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

_zt
Отыскал конфликтующий стиль, закомментировал последние 2 строки и меню гамбургера нормализовалось. Друзья, подскажите, правильно  ли сделал

скрытый текст
/* Отменяет все стили в выпадающих меню панели закладок и сжимает межстрочные интервалы - xrun1 */
#personal-bookmarks :-moz-any(menu.menu-iconic,menuitem.bookmark-item) {
    -moz-appearance: none !important;
    min-height: 18px !important;
    height: 1.5em !important;
    padding: 0px 3px !important;
}
.bookmark-item{
    margin-left: 3px !important;
    margin-right: 3px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
toolbarbutton.bookmark-item .toolbarbutton-text{
    display: none !important;
}
toolbarbutton.bookmark-item .toolbarbutton-icon{
    margin-left: 2px !important;
}
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
    margin-inline-end: 2px !important;
}
/* toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text{
    display: -moz-box !important;
}  */

добавлено

sandro79, только прочел ваш пост - выходит, что правильно?

Отредактировано bezuma (18-08-2021 22:17:23)

Отсутствует

 

№1111718-08-2021 22:33:43

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

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

bezuma пишет

sandro79, только прочел ваш пост - выходит, что правильно?

Ну да, правильно, он вроде больше ни на что кроме гамбургера не влияет.
momo2000
Выше код для Хабра оставил.
Обновлено

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

Выделить код

Код:

@-moz-document domain("habr.com") {
.tm-page__sidebar {
  display: none !important;
}
.tm-page__main_has-sidebar {
	margin-right: 0px !important;
	max-width: 100% !important;
}
}

Отредактировано sandro79 (19-08-2021 20:30:43)

Отсутствует

 

№1111818-08-2021 22:46:31

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 91.0

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

sandro79
Благодарю. Еще такой вопрос, как скрыть на панели закладок папку "другие закладки". На одном профиле она скрыта, а как делал, уже забыл
0658d297efd1c5d6e34c8e5d96d46d00.jpg

Отсутствует

 

№1111918-08-2021 22:48:17

sonyas75
Участник
 
Группа: Members
Откуда: Ставрополь
Зарегистрирован: 22-03-2011
Сообщений: 557
UA: Firefox 91.0

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

bezuma
ПКМ по ней, не?

Отсутствует

 

№1112018-08-2021 22:57:06

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 91.0

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

sonyas75
Семен Семеныч! :beer:

Отсутствует

 

№1112119-08-2021 08:18:24

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

Vitaliy V. пишет

Можно css счетчики использовать, примерно так

Спасибо огромное, это очень юзабельно, просто супер, намного облегчает навигацию в закладках. Возможно ли переместить счетчик с конца строки в ее начало?
ScreenShot_253.png

Отсутствует

 

№1112219-08-2021 10:46:21

Pifontiy
Участник
 
Группа: Members
Зарегистрирован: 01-07-2020
Сообщений: 20
UA: Firefox 91.0

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

sandro79

Если можно вернуть стрелки в кружочках,что очень порадовало :D
То может быть можно вернуть отображение значков панели ,как было в фф78-88?

скрытый текст
0dbb157346f28c0286d0cdf7ad919aa4.png

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

скрытый текст
c8030cc621a0a2ec851aa121b330b05e.png

Вернуть бы привычные,контрастные.

Отредактировано Pifontiy (19-08-2021 10:48:58)

Отсутствует

 

№1112319-08-2021 12:11:45

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 228
UA: Firefox 91.0

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

sandro79
На старой версии, чтоб увидеть изменения надо ещё sidebar убрать, и как раз само содержимое раздвигается вправо, вместо sidebar.
11.jpg  12.jpg 

Выделить код

Код:

.sidebar {
  display: none!important;
}
.content_left {
  padding-right: 0!important;
}

А в новой версии на sidebar ничего не лезет(
.tm-page-width я по всякому пробовал.

Отредактировано momo2000 (19-08-2021 12:12:18)

Отсутствует

 

№1112419-08-2021 13:03:35

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

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

Vitaliy V. пишет

к button что находится в Shadow DOM который в panel-item

Вот это link[href$="panel-item.css"] ~ button ?
Как все сложно.
   
shadow_user

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

Выделить код

Код:

menupopup[placespopup="true"] {
    counter-reset: num;
    }
menupopup[placespopup="true"] > menuitem.bookmark-item::before {
    -moz-box-ordinal-group: 1;
    display: inline-block !important;
    counter-increment: num;
    content: counter(num) ":";
    padding: 1px;
    margin-left: 4px;
    margin-right: 4px;
}
menupopup[placespopup="true"] > menuitem.bookmark-item > .menu-iconic-left {
    -moz-box-ordinal-group: 0;
}

Отсутствует

 

№1112519-08-2021 13:06:48

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

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

Pifontiy пишет

Если можно вернуть стрелки в кружочках,что очень порадовало

В первом коде я только частично обвязку с 78-oй вернул, стрелки мутные и тонкие остались, можно их тоже поменять.

Вернуть бы привычные,контрастные.

Можно, но есть и нюансы. Я у себя менял таким способом.
Можно так. Чтоб иконки меняли свой цвет в зависимости от темы, для этого варианта, нужно включить настройку svg.context-properties.content.enabled в true. Пример смены ваших иконок, даже больше - папка chrome. Вот только иконка загрузок в svg из 78 не пошла, использовал другую. Кнопка загрузок достаточно сложна и работает в нескольких режимах, тем более в 89+. Там сложно будет прям всё поведение изменить, пытался когда-то, но ничего толкового не получилось. Если тема светлая и значки будут чёрными, то можно все значки в коде прописать. Но тут не всё гладко с кнопкой обновления, когда она крутится, подрихтовывать что-то ещё нужно, но для меня это сложно

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

Выделить код

Код:

#back-button {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAP0lEQVQ4jWNgoBEQYGBgOA/FZGv+z8DAcIFSzQIjQDMDVNN/MvF5Sg24APPCBSQTSfbCCDCELAAzhOS8QDIAAMI3Pc5ei2U7AAAAAElFTkSuQmCC") !important;
}
#forward-button {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAQElEQVQ4jWNgoAO4wMDAcJ6BgUGAEgP+U2KIwAgwBCZADj5PqQEXyPHCeSTNJIXDENXMwIAIZLI0wwwgWzNBAACplD3QTNx/vQAAAABJRU5ErkJggg==") !important;
}
#reload-button {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAArElEQVQ4jbWSbRHCMAyGHwmRgIRJQAIS6gAcbFJwMBwwB9TJ6mD8INvS3qWF3fHc9W7Nx5smGfwBAXrgBSx6nsBVfStRYzIuwGwSyzNrDMa2EYzxYQJFvyfjP5cCYiqHSnt385JMYDCVW9iXbAJRL52TFPHnAuXlB4H4rUCTVgtNBhUYjwoIkGiv8VYrEthnMZK306lt9Z9qIgl/ZYn9D3URPjOxq4tqEzfrKG+7slTNBW7gjgAAAABJRU5ErkJggg==") !important;
}
#stop-button {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcUlEQVQ4ja2TwQ3AIAwDPQL7L9Nu0GxEP1gCBLGpmm9yF8lRgJ/qBvAAKMZsabPXLKiGhHBtzNAIIenhWM1kEglnEhveSY7gleQYpoCbnets4YC+TgozREuSpS0lzqlSCRsq7V4y/ALDcp8pMP3C53oB8+tEMaKp3XcAAAAASUVORK5CYII=") !important;
}
#home-button {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAeklEQVQ4jb2QwQ2AMAhFGYFROgL7X9oRHMEN6gUSgvDFxEjyL4X3SktUFxPR1DCYg/DWvJJ4eGnakgizpiXJYN+DEgQ/SuKHoXcyJR+73OEGsJWfnSbwEqsVB4PAuFsjuyk7L1f7XCC/bzCAYCDBmUBVjkwg2ujAYtAFSUZxDmGOX+MAAAAASUVORK5CYII=") !important;
}
#history-panelmenu {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAArElEQVQ4jY1TwRHDIAzTKB6BTZMNwkYwQjZoNqCP2jlBEKnv+NiSLGMAnmEANgAFQPNTPGcTfBc7kdTZFLkSKANIVEueY0fTztdAHCM5pjkHwG+uUB7JpxAJvHH3fQJuwklmTsw+s64EwkUJkAKqfMdbCVzoV3jOBFYjqIgRKrC+RBWZOQa9xlX3e43s4vMikhwzdcxP+cDzKR9Ur6rDP5/p9a7MQeyoes5G8Bc9al/Ic/jTwAAAAABJRU5ErkJggg==") !important;
}
#add-ons-button {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAf0lEQVQ4jaWS7QnAIAxE3wiO4kiO4CZ1BDeqm9gN2j+WBj8w2oMDIckjp0IrB+Ri16lPdVdelhfDfgdgBcBqBhLt2iOfPYB2eHgnvwEJCOUcdwBSRgGwfC/ldgDS+Y1wLESQvlgc6EaoG2KJYgYbNZo1LAOCqAUNoP7KSVkD4AH6NI7AX4Ii0wAAAABJRU5ErkJggg==") !important;
}
#PlacesChevron, #nav-bar-overflow-button {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAUElEQVQ4jdWQwQkAIAwDbwT3X0Y30I30IwiaQJ81z+MSaCFTGtCBEuRyYArZ8ScFGEJ2/KORGuByoG+xBbgtj+sExZOU4TznlhyXA0pyPEkWN5Y8mUuHK2UAAAAASUVORK5CYII=") !important;
}
#PanelUI-menu-button {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJElEQVQ4jWNgGEzgAgMDw38i8XlKDbhAO38MKBgNRCqAkRqIANHrRYKU+i0FAAAAAElFTkSuQmCC") !important;
}
#downloads-indicator-anchor {
	list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAbElEQVQ4jWNgwA8uMDAwnCegBi/4D8WjBhAJNjBAQlwAjwECUDXrsRlwAKoY2RBkA2Ca/0PVYgABBki8IxsCMwBZ8wU0V+I15D8aG69mbIYgY6I04zKEJM3ohpClmSyAzd+4MNYcSooBF2CaAJxDSSSP4v3xAAAAAElFTkSuQmCC") !important;
}


shadow_user
Для [firefox] 68 стиль должен выглядеть так

скрытый текст
Image_002.png

Выделить код

Код:

menupopup[placespopup="true"] {
    counter-reset: num;
}
menupopup[placespopup="true"] > menuitem.bookmark-item::after {
    -moz-box-ordinal-group: 0;
    display: inline-block !important;
    counter-increment: num;
    content: counter(num) ":";
    padding: 1px;
}
menupopup[placespopup="true"] > menuitem.bookmark-item > .menu-iconic-left {
    -moz-box-ordinal-group: 0;
}

Отредактировано sandro79 (19-08-2021 15:35:48)

Отсутствует

 

Board footer

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