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

Garalf · №4076

Vitaliy V.
Спасибо! Даже не думал, что так кофортно на 60 релизе работать будет)

Отредактировано Garalf (18-04-2018 08:05:51)

Gladius333 · №4077

Vitaliy V. Спасибо очень помогли, и за быстрый отклик тоже.
Так привык к "All-in-One Sidebar" но с вертикальной панелью, теперь не надо искать замену!)
А так квантум как по мне быстрее работает.

Отредактировано Gladius333 (16-04-2018 07:24:15)

Viatcheslav · №4078

Для компактного режима кнопок на панели меню применил такой стиль:

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

Выделить код

Код:

/* more compact toolbar-menubar */

#main-window[uidensity=compact] #toolbar-menubar .toolbarbutton-1 > .toolbarbutton-icon,
#main-window[uidensity=compact] #toolbar-menubar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#main-window[uidensity=compact] #toolbar-menubar .toolbarbutton-1 > .toolbarbutton-text,
#main-window[uidensity=compact] #toolbar-menubar .toolbarbutton-1 > .toolbarbutton-badge-stack {
  margin: 1px 0.5px !important;
  padding: 0 !important;
}

#main-window[uidensity=compact] #toolbar-menubar > toolbaritem {
  margin: 0 !important;
  padding: 0 !important;
}

/* fix for toolbar button badges */
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-badge-stack {
  -moz-margin-end: -5px !important;
}

Эффект неожиданный - иконки внутри кнопок увеличились и стали выглядеть нелепо, а расстояния между кнопками не изменились. Подскажите, пожалуйста - что неправильно? Спасибо

Garalf · №4079

Не получается уменьшить высоту вкладок. То, что здесь предлагали
.tabbrowser-tab,.tab-background {
min-height: ХХpx !important;
}
у меня работает только до значения 29. А мне нужно 24-25px

Отредактировано Garalf (18-04-2018 12:01:09)

Ultima2m · №4080

Garalf пишет

у меня работает только до значения 29. А мне нужно 24-25px

Если у других работает, то у тебя скорее всего конфликт с другим стилем. Ищи методом исключения.

Отредактировано Ultima2m (18-04-2018 13:50:47)

Garalf · №4081

Ultima2m
Стили убрал. Тема стандартная. Высота табов не уменьшается

Отредактировано Garalf (18-04-2018 17:33:37)

Vitaliy V. · №4082

Viatcheslav пишет

Для компактного режима...

id панели только поменять
https://forum.mozilla-russia.org/viewto … 01#p751601 так для разных режимов https://forum.mozilla-russia.org/viewto … 64#p756664
или только для компактного режима

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

Выделить код

Код:

#main-window[uidensity="compact"] #toolbar-menubar {
    --toolbarbutton-inner-padding: 3px !important;
    --toolbarbutton-outer-padding: 0px !important;
}

#main-window[uidensity="compact"] #toolbar-menubar .toolbarbutton-1 {
    padding: 0px !important;
}

#main-window[uidensity="compact"] #toolbar-menubar .toolbarbutton-badge {
    margin-inline-end: -3px !important;
}

Garalf
https://forum.mozilla-russia.org/viewto … 58#p751058

Garalf · №4083

Vitaliy V.
Все получилось. Вы как всегда на высоте!

И еще вопрос. Поместил кнопку Восстановить вкладку из расширения Add toolbar and battons на панель навигации и иконка стала просто огромной. Как ее уменьшить?

Отредактировано Garalf (18-04-2018 20:04:22)

Vitaliy V. · №4084

Garalf пишет

иконка стала просто огромной. Можно ли изменить размеры иконки

понятно зачем им для таких кнопок стили делать и атрибута iconsize на встроенных панелях нет
попробуйте так

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

Выделить код

Код:

toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
    -moz-appearance: none !important;
}

toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
    width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    padding: var(--toolbarbutton-inner-padding) !important;
    border-radius: var(--toolbarbutton-border-radius) !important;
}

toolbar .toolbarbutton-1:not([disabled="true"]) > .toolbarbutton-menubutton-button:hover > .toolbarbutton-icon {
    background-color: var(--toolbarbutton-hover-background) !important;
}

toolbar .toolbarbutton-1:not([disabled="true"]):-moz-any([open="true"],[checked="true"],:hover:active) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
    background-color: var(--toolbarbutton-active-background) !important;
}

Garalf пишет

уменьшить интервал между иконками кнопок на панели навигации.

См. пост выше только id замените на #nav-bar

Garalf · №4085

Vitaliy V.
Спасибо, все коды сработали.

Viatcheslav · №4086

Vitaliy V. пишет

id панели только поменять
https://forum.mozilla-russia.org/viewtopic.php?pid=751601#p751601 так для разных режимов https://forum.mozilla-russia.org/viewtopic.php?pid=756664#p756664
или только для компактного режима
скрытый текст
Выделить код
Код:
#main-window[uidensity="compact"] #toolbar-menubar {
    --toolbarbutton-inner-padding: 3px !important;
    --toolbarbutton-outer-padding: 0px !important;
}

#main-window[uidensity="compact"] #toolbar-menubar .toolbarbutton-1 {
    padding: 0px !important;
}

#main-window[uidensity="compact"] #toolbar-menubar .toolbarbutton-badge {
    margin-inline-end: -3px !important;
}

Большое спасибо, разобрался

Gladius333 · №4087

А как уменьшить квадрат, где 2-6-12 можно сделать чтобы квадрат был только на цифрах без обводки? хотя можно и просто уменьшит, там вроде ид нету.

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

Вроде этот код отвечает, но тогда кнопки уходят в стрелку (пропадают из вида).

Выделить код

Код:

#main-window[uidensity="compact"] #nav-bar .toolbarbutton-badge{margin-inline-end: -7px!important;}

Vitaliy V. · №4088

Gladius333
добавить к .toolbarbutton-badge

Выделить код

Код:

padding: 0 1px !important;
min-width: 0.8em !important;
font-size: 9px !important;
line-height: 1em !important;

Ultima2m · №4089

Garalf пишет

Ultima2mСтили убрал. Тема стандартная. Высота табов не уменьшается
Отредактировано Garalf (Вчера 19:33:37)

Выделить код

Код:

/* reduce minimum tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: 20px !important;
  max-height: 22px !important;
}
#TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
  min-height: 20px !important;
  max-height: 22px !important;
}

а так ?

Garalf · №4090

Ultima2m
Да, спасибо, так работает.

Gladius333 · №4091

Vitaliy V.
Спасибо получилось, а за высоту какой параметр отвечает? пробовал но не заметил изменений.
Тут похоже только текст и ширина изменились.

Garalf · №4092

Vitaliy V.
Подскажите пожалуйста, где хранятся файлы значков кнопок Вперед-назад на панели навигации? В файле omni.jar?
Хотел бы заменить стандартные значки значками из другой сборки.

Отредактировано Garalf (20-04-2018 07:30:04)

Gladius333 · №4093

Garalf пишет

Vitaliy V.
Подскажите пожалуйста, где хранятся файлы значков кнопок Вперед-назад на панели навигации? В файле omni.jar?
Хотел бы заменить стандартные значки значками из другой сборки.

Вроде в "omni.ja". Разархивировать через .rar, потом ищи через .png.

Отредактировано Gladius333 (20-04-2018 08:50:46)

Vitaliy V. · №4094

Gladius333
уменьшить высоту только размером шрифта font-size
не ну можно max-height но это криво
можно ещё:
убрать тень box-shadow: none !important;
убрать фон background: transparent !important;
цвет текста color: white !important;
добавить тень к тексту text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black !important;
Garalf
Для этого не нужно ковырять omni.ja, стилем можно
заменить иконку

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

Выделить код

Код:

#back-button {
    list-style-image: url("./svg/back.svg") !important;
    -moz-image-region: auto !important;
}

#forward-button {
    list-style-image: url("./svg/forward.svg") !important;
    -moz-image-region: auto !important;
}

или только изменить цвет

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

Выделить код

Код:

#back-button {
    fill: blue !important;
    fill-opacity: 1 !important;
}

#forward-button {
    fill: blue !important;
    fill-opacity: 1 !important;
}

Отредактировано Vitaliy V. (20-04-2018 11:24:25)

SOTVM · №4095

какой код вписать чтобы скрывать все панели ,
нужно дополнение а-ля дополнение Toolbar Autohide
но так как в Firefox Quantum много чего уже не работает ,то как бы это прикрутить через стили?

Отредактировано SOTVM (21-04-2018 18:15:46)

Viatcheslav · №4096

SOTVM пишет

какой код вписать чтобы скрывать все панели

Зачем такое стилями вытворять? Полноэкранный режим не годится?

Gladius333 · №4097

Vitaliy V.
Спасибо, вот это то что надо (добавить тень к тексту text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black !important;)
Текст четче вроде стал, а как "nav-bar" настроить чтобы он сжал как бы сверху и снизу.
У меня вроде итак сжато но может код не такой? что он вылезает. Хотя это скорее придирки...

Выделить код

Код:

#nav-bar-customization-target{margin-top:-3px;margin-bottom:-3px!important;}   /*#nav-bar{height:31px!important;}*/

Lana21 · №4098

В 59 фоксе сломалась нумерация табов, теперь каждая вкладка под номером 1 Как побороть сию напасть?

Старый код, работавший в 57 фоксе:

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

Выделить код

Код:

.tabbrowser-tabs {
  counter-reset: tabs;
}
.tab-text::before {
  display: inline-block !important;
  counter-increment: tabs;
  content: counter(tabs)' -' !important;
  margin-right: 3px;
}

Отредактировано Lana21 (21-04-2018 23:46:51)

SOTVM · №4099

Viatcheslav пишет

Полноэкранный режим не годится?

не так удобно
в полноэкранном режиме нет главной панели системы и нет панели закладок в браузере,
как назло это дополнение не встаёт и на Palemoon и на Firefox Quantum
fullscreentoolbarhover@com.sppad.xpi
есть подобное дополнение ещё для боковых панелей sidebar-auto-showhide.xpi
бы было не плохо иметь возможность тоже подключать через UserChrome

Отредактировано SOTVM (22-04-2018 04:07:17)

Vitaliy V. · №4100

Gladius333 пишет

У меня вроде итак сжато но может код не такой? что он вылезает.

А вот не знаю что у вас вылезает и где только берёте такие коды
пост №4082 смотрели?
вот ещё для компактного режима + убрать отступ для urlbar, searchbar

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

Выделить код

Код:

#main-window[uidensity="compact"] #nav-bar {
    --toolbarbutton-inner-padding: 5px !important;
    --toolbarbutton-outer-padding: 0px !important;
}

#main-window[uidensity="compact"] #nav-bar .toolbarbutton-1 {
    padding: 0px !important;
}

#main-window[uidensity="compact"] #nav-bar .toolbarbutton-badge {
    margin-inline-end: -5px !important;
}

#main-window[uidensity="compact"] #nav-bar :-moz-any(#urlbar,.searchbar-textbox) {
    margin: 1px !important;
}

скриншот

Lana21 пишет

В 59 фоксе сломалась нумерация табов, теперь каждая вкладка под номером 1 Как побороть сию напасть?

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

Выделить код

Код:

#tabbrowser-tabs {
    counter-reset: tabs;
}

#tabbrowser-tabs .tab-text::before {
    display: -moz-box !important;
    counter-increment: tabs;
    content: counter(tabs) " -" !important;
    margin-inline-end: 2px;
}

SOTVM пишет

в полноэкранном режиме нет главной панели системы и нет панели закладок в браузере

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

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

Выделить код

Код:

#main-window[inFullscreen="true"]:not([inDOMFullscreen]) #toolbar-menubar:not([autohide="true"]),
#main-window[inFullscreen="true"]:not([inDOMFullscreen]) #PersonalToolbar:not([collapsed="true"]) {
    visibility: visible !important;
}

Отредактировано Vitaliy V. (22-04-2018 11:07:35)

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

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

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

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

Код:

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

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

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

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

Код:

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

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

Код:

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

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

Код:

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

Код:

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

Код:

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

Код:

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

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

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

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

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

Код:

Код:

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

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

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

Код:

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

Код:

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

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

Код:

Код:

Код:

Board footer