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

Юристы зарабатывают огромные деньги и славу, оперируя хорошим знанием законов. Правила форума — простой путь к успешному общению.

№1225129-06-2022 17:18:46

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

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

Dumby, а вот этот стиль №10149, тот что под спойлером, можешь поправить? А то если открыть достаточно вкладок для заполнения всей панели вкладок, они начинают дёргаться по горизонтали, происходит постоянное такое дрожание и перестают открываться меню у всех кнопок на нижележащих панелях.

Отредактировано voqabuhe (29-06-2022 17:19:23)

Отсутствует

 

№1225229-06-2022 18:50:07

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 1698
UA: Firefox 78.0

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

voqabuhe
Подключил стиль. Открыл достаточно вкладок. Ничего подобного не вижу.
На чистом профиле проверял?

Отсутствует

 

№1225329-06-2022 19:45:49

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

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

Farby, _zt
Спасибо!


Win7

Отсутствует

 

№1225430-06-2022 16:59:28

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

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

Dumby пишет

Подключил стиль. Открыл достаточно вкладок. Ничего подобного не вижу.
На чистом профиле проверял?

Не, не проверял, только отключал стиль, дёрганье прекращалось. Понял, спасибо, буду искать с чем конфликтует.

Отсутствует

 

№1225502-07-2022 19:00:54

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 40
UA: Firefox 102.0

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

Здравствуйте ещё раз, уважаемые форумчане. Помогите ещё раз, пожалуйста.
Два значка в урлбаре меняют пропорции. Значкам на панели назначен такой стиль:

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

Выделить код

Код:

#navigator-toolbox .toolbarbutton-icon,
#navigator-toolbox .toolbarbutton-badge-stack {
     fill: white !important;
 	padding: 0 !important; 
     width: 24px !important;
     height: 24px !important;
 }


Значки выглядят так (подчеркнул красным):
скрытый текст
J3sPIDQ.png

Пробовал задавать им размер индивидуально, не реагируют. Только при изменении паддинга, чем выше, тем естественнее пропорции (самый нормальный вариант 5px). Можно как-то уменьшить расстояние между всеми значками в урлбаре и при этом снова не перекосить эти два (и прочие тоже)?
И похожая картина со стандартным значком загрузок, общие заданные параметры значков на него не действуют, индивидуальные тоже, при изменении паддинга только увеличивается или уменьшается расстояние между ним и остальными значками, и всё. Как сделать эту кнопку такого же размера, как остальные?
скрытый текст
abCSE6g.png

Отсутствует

 

№1225603-07-2022 00:36:21

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

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

kazarin
Не знаю, насколько поможет. Я рихтовал значки в урлбаре таким стилем. Хотя тоже не всё желаемое получилось.

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

Выделить код

Код:

.urlbar-icon,
#main-window[uidensity=compact] .urlbar-icon,
#main-window[uidensity=touch] .urlbar-icon {
  width: 18px !important;
  height: 18px !important;
  padding: 0px 1px !important;
  margin: 0 2px !important;
}

#urlbar #reader-mode-button,
#main-window[uidensity=compact] #urlbar #reader-mode-button,
#main-window[uidensity=touch] #urlbar #reader-mode-button {
  padding: 1px !important;
}

Отсутствует

 

№1225703-07-2022 08:46:29

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

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

Смешались в кучу кони, люди, и залпы тысячи орудий...
Значки на панели не имеют отношения к значкам в urlbar. В urlbar их несколько 1. identity-icon-box и 2. page-action-buttons, а в page-action-buttons их тоже несколько. В общем, меняйте индивидуально по id или классу.
   
Я сейчас у себя посмотрел, паддинги только для расширений назначены, т.е. если у вас ломаются стандартные значки, то проблема в ваших стилях, а если от скриптов то... думаю и так понятно.

Отредактировано _zt (03-07-2022 09:05:28)

Отсутствует

 

№1225803-07-2022 11:17:41

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

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

_zt

xrun1 пишет

Хотя тоже не всё желаемое получилось.

Процитировал сам себя.:) Когда начал у себя там наводить порядок... жуть. Всё по отдельности: дропмаркер истории, звёздочка закладок, кнопка, показывающая память и т.д. - всё распихано по разным стилям. Привёл к нормальному размеру, а то 2-3 версии были маленькие, и на этом остановился. Силы кончились.:D

Отсутствует

 

№1225904-07-2022 01:21:15

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 40
UA: Firefox 101.0

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

_zt пишет

Значки на панели не имеют отношения к значкам в urlbar

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

_zt пишет

В общем, меняйте индивидуально по id или классу

Ну это я уже сделал. Меня немного не устраивает расстояние, но если иначе никак, то фиг с ним.

_zt пишет

если у вас ломаются стандартные значки

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

А как с кнопкой загрузок? Вообще ничего не сделать? Я пробовал её на чистом профиле менять, ничего не действует. Ну или я не знаю правильные коды:/

Отсутствует

 

№1226004-07-2022 19:39:03

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

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

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

Выделить код

Код:

:root {
    --urlbar-min-height: 24px !important;
    --urlbar-icon-padding: 1px !important;
}

Win7

Отсутствует

 

№1226105-07-2022 00:37:36

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 40
UA: Firefox 101.0

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

kokoss, спасибо огромное! Замечательные жирные пропорциональные значки!

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

А для кнопки загрузок нет похожего кода? Я немного понимаю "старый" css, но вот эти рутовые варианты совсем не знаю:/

Отсутствует

 

№1226205-07-2022 00:47:05

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

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

kazarin пишет

А для кнопки загрузок нет похожего кода?

https://forum.mozilla-russia.org/viewto … 16#p765916


Win7

Отсутствует

 

№1226305-07-2022 03:47:30

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 40
UA: Firefox 101.0

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

kokoss, спасибо! Размер поменялся (чуть поправил его на 1.5). Но выглядит немного странно:

скрытый текст
F6T1lAx.gif

Была ещё дальше, подправил  padding-right: calc(var(--toolbarbutton-outer-padding) на -3px. А дальше этого значения не двигается. Интересно, что у меня её так искажает, буду искать.

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

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

Выделить код

Код:

#navigator-toolbox> toolbar {

    -moz-box-ordinal-group: 0 !important;
}


Вкладки внизу мне важнее, чем расстояние между кнопкой загрузок и остальными значками, значит, так оставлю.
Ещё раз большое спасибо за помощь!

Отредактировано kazarin (05-07-2022 04:10:36)

Отсутствует

 

№1226405-07-2022 15:01:21

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

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

kazarin

Выделить код

Код:

#downloads-indicator-anchor {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><path style='fill:context-fill;fill-opacity:context-fill-opacity;' d='M 20.27,3 C 19,3 19.25,3.798 19.25,3.798 V 17.94 20.23 H 13.75 C 12.13,20.23 13.61,21.58 13.61,21.58 L 23.36,32.85 V 32.85 C 23.36,32.85 24.17,33.75 25.01,32.95 26.16,31.84 34.47,21.3 34.47,21.3 34.47,21.3 35.93,19.89 33.98,19.89 H 28.91 V 17.83 3.672 C 28.91,3.672 28.93,3 28.03,3 Z M 3,29.93 V 42.22 C 3,43.75 4.303,45 5.918,45 H 42.08 C 43.71,45 45,43.75 45,42.22 V 29.93 H 39.16 V 39.43 H 8.837 V 29.93 Z' /></svg>") !important;
    transform: scale(1.1, 1.1) !important;
}

Win7

Отсутствует

 

№1226505-07-2022 18:30:03

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 40
UA: Firefox 101.0

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

kokoss

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

Позиция не изменилась (не знаю, должна ли была)
Но выглядит симпатично, спасибо!

UPD Нет, всё отлично, спасибо! Надо было просто css причесать.

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

скрытый текст
Было

Выделить код

Код:

toolbar #downloads-button > .toolbarbutton-badge-stack {
    transform: scale(1.5, 1.5) !important;
}

toolbar #downloads-button {
    padding-left: calc(var(--toolbarbutton-outer-padding) + 2px) !important;
    padding-right: calc(var(--toolbarbutton-outer-padding) - 3px) !important;
    --lwt-toolbarbutton-icon-fill: #1d3030 !important;
    --toolbarbutton-icon-fill-attention: #ffffff !important;
}

#downloads-indicator-anchor {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><path style='fill:context-fill;fill-opacity:context-fill-opacity;' d='M 20.27,3 C 19,3 19.25,3.798 19.25,3.798 V 17.94 20.23 H 13.75 C 12.13,20.23 13.61,21.58 13.61,21.58 L 23.36,32.85 V 32.85 C 23.36,32.85 24.17,33.75 25.01,32.95 26.16,31.84 34.47,21.3 34.47,21.3 34.47,21.3 35.93,19.89 33.98,19.89 H 28.91 V 17.83 3.672 C 28.91,3.672 28.93,3 28.03,3 Z M 3,29.93 V 42.22 C 3,43.75 4.303,45 5.918,45 H 42.08 C 43.71,45 45,43.75 45,42.22 V 29.93 H 39.16 V 39.43 H 8.837 V 29.93 Z' /></svg>") !important;
    transform: scale(1.1, 1.1) !important;
}

Сделал так

Выделить код

Код:

toolbar #downloads-button > .toolbarbutton-badge-stack {
    transform: scale(1.5, 1.5) !important;
    padding-left: calc(var(--toolbarbutton-outer-padding) + 2px) !important;
    padding-right: calc(var(--toolbarbutton-outer-padding) - 3px) !important;
    --lwt-toolbarbutton-icon-fill: #1d3030 !important;
    --toolbarbutton-icon-fill-attention: #ffffff !important;
}
#downloads-indicator-anchor {
	list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><path style='fill:context-fill;fill-opacity:context-fill-opacity;' d='M 20.27,3 C 19,3 19.25,3.798 19.25,3.798 V 17.94 20.23 H 13.75 C 12.13,20.23 13.61,21.58 13.61,21.58 L 23.36,32.85 V 32.85 C 23.36,32.85 24.17,33.75 25.01,32.95 26.16,31.84 34.47,21.3 34.47,21.3 34.47,21.3 35.93,19.89 33.98,19.89 H 28.91 V 17.83 3.672 C 28.91,3.672 28.93,3 28.03,3 Z M 3,29.93 V 42.22 C 3,43.75 4.303,45 5.918,45 H 42.08 C 43.71,45 45,43.75 45,42.22 V 29.93 H 39.16 V 39.43 H 8.837 V 29.93 Z' /></svg>") !important;
    transform: scale(1.1, 1.1) !important;
}

Отредактировано kazarin (05-07-2022 18:48:20)

Отсутствует

 

№1226606-07-2022 16:36:46

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

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

Подскажите пожалуйста. При начале скачивания файла автоматически всплывает окно загрузки от значка загрузки в 102 esr. Как сделать чтобы это окно автоматически не появлялось?

Нашел если кому надо будет     в about config       browser.download.alwaysOpenPanel  = false

Отредактировано Ник 22 (06-07-2022 16:59:16)

Отсутствует

 

№1226708-07-2022 13:12:48

Inko7
Участник
 
Группа: Members
Зарегистрирован: 09-11-2009
Сообщений: 974
UA: Firefox 102.0

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

давно использую такой стиль:

findbar_compakt.css

Выделить код

Код:

/* компактная панель поиска сверху справа */

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-findbar-flex-direction: row-reverse; /* row-reverse - findbar справа */
    --v-findbar-container-start: 100%; /* 1px - findbar справа */
    --v-findbar-container-end: 1px; /* 100% - findbar справа */
    --v-findbar-margin-right: 17px; /* отступ для скроллбара */
    --v-findbar-duration: 150ms; /* длительность анимации */
    --v-findbar-border-radius: 6px; /* радиус скругления findbar */
    --v-findbar-textbox-radius: 3px; /* радиус скругления поля ввода */
    --v-findbar-textbox-width: 14em; /* длина поля ввода */
    --v-findbar-toolbarbutton-border-radius: 3px; /* радиус скругления кнопок */
    --v-findbar-toolbarbutton-inner-padding: 3px; /* влияет на размер кнопок и поля ввода */
    --v-findbar-toolbarbutton-icon-display: -moz-box; /* none - скрыть иконки на кнопках */
    --v-findbar-toolbarbutton-text-display: none; /* -moz-box - показать текст на кнопках */
}
.browserContainer > findbar {
    -moz-box-ordinal-group: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: var(--v-findbar-margin-right) !important;
    border: none !important;
    display: flex !important;
    flex-direction: var(--v-findbar-flex-direction) !important;
    transition: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
    box-shadow: none !important;
    overflow: visible !important;
    --toolbarbutton-inner-padding: var(--v-findbar-toolbarbutton-inner-padding);
    --toolbarbutton-border-radius: var(--v-findbar-toolbarbutton-border-radius);
}
.browserContainer > findbar > .findbar-container {
    position: fixed !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: var(--v-findbar-flex-direction) !important;
    inset: auto !important;
    margin: -1px 0 0 0 !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 1px !important;
    padding-inline-start: min(calc(2 * var(--toolbarbutton-inner-padding) + 19px), var(--v-findbar-container-start)) !important;
    padding-inline-end: min(calc(2 * var(--toolbarbutton-inner-padding) + 19px), var(--v-findbar-container-end)) !important;
    overflow: hidden !important;
    border: 1px solid var(--chrome-content-separator-color, rgba(0,0,0,.25)) !important;
    border-top-width: 0 !important;
    box-shadow: none !important;
    z-index: 2 !important;
    border-radius: 0 0 var(--v-findbar-border-radius) var(--v-findbar-border-radius) !important;
    background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
    background-image: var(--toolbar-bgimage, linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15))) !important;
    opacity: 1;
    animation-name: findbar-animation, findbar-animation-opacity !important;
    animation-delay: 0s !important;
    animation-duration: var(--v-findbar-duration) !important;
    animation-timing-function: linear, ease-out !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: none !important;
}
.browserContainer > findbar > #findbar-close-container,
.browserContainer > findbar > toolbarbutton.findbar-closebutton {
    margin: 1px 3px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
    -moz-appearance: none !important;
    appearance: none !important;
    position: fixed !important;
    display: flex !important;
    z-index: 2 !important;
    height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    opacity: 1;
    animation-name: findbar-animation, findbar-animation-opacity !important;
    animation-delay: 0s !important;
    animation-duration: var(--v-findbar-duration) !important;
    animation-timing-function: linear, ease-out !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: none !important;
}
.browserContainer > findbar > #findbar-close-container > toolbarbutton.findbar-closebutton {
    appearance: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    width: 100% !important;
    border: none !important;
    border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
}
.browserContainer > findbar toolbarbutton.findbar-closebutton > .toolbarbutton-icon {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 16px !important;
    width: 16px !important;
    border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
}
.browserContainer > findbar[hidden="true"] > .findbar-container,
.browserContainer > findbar[hidden="true"] > #findbar-close-container,
.browserContainer > findbar[hidden="true"] > toolbarbutton.findbar-closebutton {
    transform: translateY(-100%);
    animation-name: findbar-animation-hide, findbar-animation-opacity-hide !important;
    animation-timing-function: linear, ease-in !important;
    pointer-events: none !important;
    opacity: 0;
}
@keyframes findbar-animation {
    from {
        transform: translateY(-100%);
        pointer-events: none;
    }
    to {
        transform: translateY(0%);
        pointer-events: none;
    }
}
@keyframes findbar-animation-opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes findbar-animation-hide {
    from {
        transform: translateY(0%);
    }
    to {
        transform: translateY(-100%);
    }
}
@keyframes findbar-animation-opacity-hide {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.browserContainer > findbar:-moz-lwtheme {
    color: var(--toolbar-color, inherit) !important;
}
.browserContainer > findbar:-moz-lwtheme > .findbar-container {
    background-color: var(--lwt-accent-color, white) !important;
    background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))) !important;
}
.browserContainer > findbar:-moz-lwtheme-brighttext > .findbar-container {
    background-color: var(--lwt-accent-color, black) !important;
}
:root[lwtheme-image] .browserContainer > findbar:-moz-lwtheme > .findbar-container {
    background-repeat: repeat-y !important;
    background-size: auto auto !important;
    background-attachment: fixed !important;
    background-position: right top !important;
    background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))), var(--lwt-header-image, none) !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) {
    align-self: normal !important;
}
.browserContainer > findbar > .findbar-container > * {
    margin: 1px !important;
    outline: none !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: normal !important;
}
.browserContainer > findbar > .findbar-container > description:empty {
    margin: 0 !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable,
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox {
    padding-block: 0 !important;
    margin-inline: 0 !important;
    min-height: 22px !important;
    box-sizing: border-box !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.findbar-find-previous {
    margin-inline: 2px !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable {
    min-width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    border: none !important;
    border-radius: var(--toolbarbutton-border-radius) !important;
    background-color: transparent !important;
    padding-inline: var(--toolbarbutton-inner-padding) !important;
    outline: none !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox {
    border-radius: var(--v-findbar-textbox-radius) !important;
    min-height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    width: var(--v-findbar-textbox-width) !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox,
.browserContainer > findbar > .findbar-container > description,
.browserContainer > findbar > .findbar-container > label {
    padding-bottom: 1px !important;
}
.browserContainer > findbar > .findbar-container > checkbox > .checkbox-label-box > .checkbox-icon,
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable > .toolbarbutton-text,
.browserContainer > findbar > .findbar-container > .find-status-icon {
    display: none !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-label-box,.toolbarbutton-text) {
    display: var(--v-findbar-toolbarbutton-text-display) !important;
    margin-inline: 2px !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable > .toolbarbutton-icon,
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-check,.toolbarbutton-icon) {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 16px !important;
    width: 16px !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-check,.toolbarbutton-icon) {
    display: var(--v-findbar-toolbarbutton-icon-display) !important;
    appearance: none !important;
    background: none !important;
    color: inherit !important;
    filter: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='0'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
    fill: currentColor;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) {
    appearance: none !important;
    padding: var(--toolbarbutton-inner-padding) !important;
    border-radius: var(--toolbarbutton-border-radius) !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable:not([disabled="true"]):hover,
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton):not([disabled="true"]):hover {
    background-color: var(--toolbarbutton-hover-background, color-mix(in srgb, currentColor 17%, transparent)) !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable:not([disabled="true"]):is([checked="true"],:hover:active),
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton):not([disabled="true"]):is([checked="true"],:hover:active) {
    background-color: var(--toolbarbutton-active-background, color-mix(in srgb, currentColor 30%, transparent)) !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-highlight {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 2,3 V 4.2 H 6 V 12 h 1.2 l 0,-7.8 h 4 L 11.2,3 Z M 12.5,6 C 11.8,8.39 10,10.3 10,11.6 10,12.9 11.1,14 12.5,14 13.9,14 15,12.9 15,11.6 15,10.3 13.2,8.39 12.5,6 Z m 0,6.8 c -1,0 -1.3,-0.8 -1.3,-1.2 0,-1.1 0.8,-2.1 1.3,-3 0.5,0.9 1.3,1.9 1.3,3 0,0.4 -0.3,1.2 -1.3,1.2 z' /></svg>") !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-case-sensitive {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='m 6,3 -5,9 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 Z M 5.8,5.5 5.8,9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z' /></svg>") !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-match-diacritics {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 5,3 3,0 H 0 M 12,5 10,2 H 7 M 6,3 1,12 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 M 5.8,5.5 V 9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z'/></svg>") !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-entire-word {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 15,13.8 V 15 H 1 V 13.8 M 15,2.2 15,1 H 1 V 2.2 M 6,3 1,12 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 M 5.8,5.5 V 9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z' /></svg>") !important;
}
}


недавно заметил, что кнопка закрытия панели наползла на кнопку поиска вниз, перекрыв ее функционал
это можно поправить?
скрытый текст
fnd50e7e2b9f5313c51.jpg

Отредактировано Inko7 (08-07-2022 13:16:57)

Отсутствует

 

№1226808-07-2022 14:41:06

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

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

Inko7
Если используйте панель с правой стороны, то почему не внесли изменения здесь:

--v-findbar-container-start: 100%; /* 1px - findbar справа */
--v-findbar-container-end: 1px; /* 100% - findbar справа */

Отредактировано kokoss (08-07-2022 15:09:51)


Win7

Отсутствует

 

№1226908-07-2022 16:57:52

Inko7
Участник
 
Группа: Members
Зарегистрирован: 09-11-2009
Сообщений: 974
UA: Firefox 102.0

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

kokoss
отлично! как-то я протупил, но раньше было ок...

Отсутствует

 

№1227008-07-2022 19:11:46

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 40
UA: Firefox 101.0

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

Никак не получается завязать с улучшайзингом:/ Уважаемые гуру, помогите правильно прописать прозрачность. Хотел сделать панели прозрачными как в 78, с которого (частично) мигрировал на 101. Как не прописываю, ничего не получается. Как я понял, за прозрачность отвечает параметр --arrowpanel-background.

скрытый текст
8bnvGTlm.png

Когда отключаю его через инструменты браузера, всё нормально, прозрачность работает:
скрытый текст
mKzZ518m.png

Но после перезагрузки браузера уже нет. Как бы её насовсем включить?

Отсутствует

 

№1227108-07-2022 23:00:46

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

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

kazarin
Попробуйте такой вариант:

Выделить код

Код:

:root {
   --arrowpanel-color: black !important;
   --arrowpanel-background: unset !important;
}

Win7

Отсутствует

 

№1227208-07-2022 23:22:25

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 40
UA: Firefox 101.0

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

kokoss, работает!
Спасибо большое, в который раз выручаете!

Отсутствует

 

№1227309-07-2022 15:49:05

Northtech
Участник
 
Группа: Members
Зарегистрирован: 16-04-2011
Сообщений: 240
UA: Firefox 102.0

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

1) У меня кнопка меню сделана слева, но в 102 версии всплывающая менюшка тоже уехала влево, за границы экрана. Подскажите, как вернуть обратно.

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
:root:not([customizing]) #PanelUI-button {
-moz-box-ordinal-group: 0 !important;
}
}

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

2) Всплывающие подсказки на некоторых кнопках со скругленными углами, остальные квадратные. Как бы их привести к общему квадратному виду, уже все перепробовал.
Спасибо.

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

Отредактировано Northtech (09-07-2022 18:37:18)

Отсутствует

 

№1227411-07-2022 00:53:56

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

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

Northtech пишет

1) У меня кнопка меню сделана слева, но в 102 версии всплывающая менюшка тоже уехала влево, за границы экрана. Подскажите, как вернуть обратно.

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/appbutton/appbutton_on_navbar_start_position.css


Win7

Отсутствует

 

№1227511-07-2022 02:29:01

volaxus
Участник
 
Группа: Members
Зарегистрирован: 03-02-2020
Сообщений: 14
UA: Firefox 102.0

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

Доброй ночи. Подскажите, возможно как-нибудь убрать обводку синий рамкой при поиске по ключевому слову и при переходи по "гиперссылкам", через F3. Как пример, скриншот.
https://fastpic.org/fullview/120/2022/0706/2bbe4355109d08b7855995441383b6ef.jpg

Отредактировано volaxus (11-07-2022 03:11:20)

Отсутствует

 

Board footer

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