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

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

№407616-04-2018 00:37:33

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 60.0

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

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

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

Отсутствует

 

№407716-04-2018 07:22:27

Gladius333
Забанен
 
Группа: Members
Зарегистрирован: 11-02-2017
Сообщений: 92
UA: unknown 0.0

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

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

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

Отсутствует

 

№407817-04-2018 22:27:13

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 310
UA: Firefox 57.0

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

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

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

Выделить код

Код:

/* 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;
}


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

Отсутствует

 

№407918-04-2018 11:43:44

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 60.0

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

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

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

Отсутствует

 

№408018-04-2018 13:50:11

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 592
UA: Firefox 58.0

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

Garalf пишет

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

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

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

Отсутствует

 

№408118-04-2018 17:30:35

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 60.0

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

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

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

Отсутствует

 

№408218-04-2018 18:19:12

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

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

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

Отсутствует

 

№408318-04-2018 18:57:41

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 60.0

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

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

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

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

Отсутствует

 

№408418-04-2018 20:21:15

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

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

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

Отсутствует

 

№408518-04-2018 20:29:44

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 60.0

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

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

Отсутствует

 

№408618-04-2018 22:01:55

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 310
UA: Firefox 57.0

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

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;
}

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

Отсутствует

 

№408719-04-2018 11:54:20

Gladius333
Забанен
 
Группа: Members
Зарегистрирован: 11-02-2017
Сообщений: 92
UA: unknown 0.0

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

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

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

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

Выделить код

Код:

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

Отсутствует

 

№408819-04-2018 13:20:02

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

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

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

Выделить код

Код:

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

Отсутствует

 

№408919-04-2018 14:20:33

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 592
UA: Firefox 58.0

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

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;
}

а так ?

Отсутствует

 

№409019-04-2018 18:40:27

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 60.0

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

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

Отсутствует

 

№409119-04-2018 20:19:43

Gladius333
Забанен
 
Группа: Members
Зарегистрирован: 11-02-2017
Сообщений: 92
UA: unknown 0.0

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

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

Отсутствует

 

№409219-04-2018 22:57:38

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 60.0

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

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

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

Отсутствует

 

№409320-04-2018 08:47:38

Gladius333
Забанен
 
Группа: Members
Зарегистрирован: 11-02-2017
Сообщений: 92
UA: unknown 0.0

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

Garalf пишет

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

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

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

Отсутствует

 

№409420-04-2018 11:23:05

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

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

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)

Отсутствует

 

№409521-04-2018 18:14:49

SOTVM
Участник
 
Группа: Members
Зарегистрирован: 30-01-2012
Сообщений: 112
UA: Firefox 59.0

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

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

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


Никто не знает столько,сколько не знаю Я.

Отсутствует

 

№409621-04-2018 22:01:01

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 310
UA: Firefox 57.0

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

SOTVM пишет

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

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

Отсутствует

 

№409721-04-2018 23:36:57

Gladius333
Забанен
 
Группа: Members
Зарегистрирован: 11-02-2017
Сообщений: 92
UA: unknown 0.0

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

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;}*/

Отсутствует

 

№409821-04-2018 23:45:16

Lana21
Участник
 
Группа: Members
Зарегистрирован: 19-05-2008
Сообщений: 22
UA: Firefox 59.0

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

В 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)

Отсутствует

 

№409922-04-2018 04:03:20

SOTVM
Участник
 
Группа: Members
Зарегистрирован: 30-01-2012
Сообщений: 112
UA: Palemoon 27.0

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

Viatcheslav пишет

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

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

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


Никто не знает столько,сколько не знаю Я.

Отсутствует

 

№410022-04-2018 10:36:54

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

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

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;
}


скриншот
2018-04-22_101956.png

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)

Отсутствует

 

Board footer

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