/* Ширина и наличие кнопок перемотки регулируется через about:config :
* По умолчанию - 0, MacOs - 1 (без кнопок), GTK - 2 (без кнопок),
* Android - 3 (без кнопок), Windows 10 - 4, Windows 11 - 5 ***/
user_pref("widget.non-native-theme.scrollbar.style", 2);
// Переопределить размер скролбара для не нативных тем (т.е. когда преф выше = 2 или 3)
user_pref("widget.non-native-theme.scrollbar.size.override", 3);
// Наложенный скролбар (прозрачный без наведения) + скрытие слайдера, через ~3сек неактивности (с метками поиска)
user_pref("ui.useOverlayScrollbars", 1);
Отсутствует
_zt
Это я первым делом изучил и здесь видел --> https://forum.ru-board.com/topic.cgi?fo … art=3420#8.
Кнопочки 4 штуки можете прислать? Лень искать в инете.
Скроллбар перекрасить - добавить в стиль свой цвет
scrollbar > slider { -moz-appearance: none !important; appearance: none !important; background: #44944A !important; /* Арлекин; было none */ border: none !important; }
Отредактировано xrun1 (11-05-2023 17:07:11)
Отсутствует
первым делом изучил
Плохо изучили, это не повтор, новое присутствует.
scrollbar > slider
Ясно, для меня это не то. Там еще что то уровнем ниже есть, так как transparent не работает, а opacity убивает все, кроме нужного, самого нижнего фона.
Какой то root есть, а как до него достать непонятно.
svg.7z
Отсутствует
Читал. Делал, как советовали:
"Рядом с (или вместо) -moz-box-ordinal-group: 0 !important;
order: -1 !important;"
Не помогает.
Я давно в последний раз все это настраивал, все забыл.
userChrome.css сам по себе используется или нужно еще расширение типа Tampermonkey?
Отсутствует
VladimirK
Не помогает.
Оно не может помочь или не помочь, оно 100% работает. А если не работает, то ищите свои ошибки или замените свой код целиком на код того парня у которого работает, и правки не забудьте сделать во всех местах.
order: -1 !important;"
, а
и только если не работает, попробовать для того случая где ранее был ноль
Отсутствует
Оно не может помочь или не помочь, оно 100% работает. А если не работает, то ищите свои ошибки или замените свой код целиком на код того парня у которого работает, и правки не забудьте сделать во всех местах.
скрытый текстНе рядом, а вместо, неorder: -1 !important;"
, а
и только если не работает, попробовать для того случая где ранее был ноль
Это на код того парня, который пишет, что
теперь такой код css? ниже, больше не работает:
@-moz-document url-prefix("chrome://browser/content/browser.x") { *|*:root:not([inFullscreen]) #navigator-toolbox { position: relative !important; border-bottom: none !important; --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px); } *|*:root:not([inFullscreen]) #navigator-toolbox > toolbar { -moz-box-ordinal-group: 10 !important; } *|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar { margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important; margin-bottom: 0 !important; box-shadow: none !important; -moz-box-ordinal-group: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } *|*:root:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar { -moz-box-ordinal-group: 1 !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox { -moz-appearance: -moz-window-titlebar !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox { -moz-appearance: -moz-window-titlebar-maximized !important; } *|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox { visibility: hidden !important; } *|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) { visibility: visible; } #navigator-toolbox > #titlebar { -moz-appearance: none !important; -moz-box-ordinal-group: 100 !important; --v-control-buttons-left: auto; --v-control-buttons-right: 0; position: static !important; } #navigator-toolbox > #titlebar:-moz-locale-dir(rtl) { --v-control-buttons-left: 0; --v-control-buttons-right: auto; } *|*:root:not([inFullscreen]) #toolbar-menubar { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; border: none !important; background: none !important; box-sizing: content-box !important; min-height: 0 !important; height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important; overflow: hidden !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons { display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton), *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * { align-self: center !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * { vertical-align: middle !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) { align-self: flex-start !important; } *|*:root[inFullscreen] #toolbar-menubar { visibility: collapse !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > * { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } *|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) { visibility: hidden !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > * > * { vertical-align: middle; } *|*:root:not([inFullscreen]) #toolbar-menubar > #menubar-items > * { vertical-align: top; } @media (-moz-windows-classic) { *|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar { padding-top: 4px !important; } *|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] { min-height: 4px !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar { background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar { margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important; } } @media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) { *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { padding-top: 8px !important; } } *|*:root:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"], *|*:root:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container { order: 1000 !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) { flex-grow: 1 !important; } *|*:root:not([inFullscreen]) #TabsToolbar { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important; position: static !important; } *|*:root:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs { padding-bottom: 0 !important; margin-bottom: 0 !important; } *|*:root:not([inFullscreen]) #TabsToolbar > .toolbar-items { padding-top: 0 !important; margin-top: 0 !important; } *|*:root:not([inFullscreen]) #TabsToolbar .tab-background { border-top-style: solid !important; } *|*:root:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container, *|*:root:not([inFullscreen]) #navigator-toolbox::after, *|*:root:not([inFullscreen]) #TabsToolbar::after, *|*:root:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) { display: none !important; } }
VladimirK
Стиль то какой используйте, а то так проблематично понять что перестало работать?!
У меня никакого стиля не было и папки chrome не было, но после обновления до версии 113 панель вкладок уехала вверх и я начал вспоминать, что когда-то использовал userChrome.css для настройки.
Создал в папке профиля папку chrome и в нее поместил userChrome.css с кодом выше.
Отсутствует
VladimirK
Хватит тупить, где написано, что цифры, кроме ноля, менять надо, где написано что надо трогать существующий order:?
Верните 1000 на место. И в стиле четыре вхождения -moz-box-ordinal-group, а не одно.
Вкладок вверху, в современных версиях, без стилей, у вас быть не могло, тут вы что то путаете.
В about:config параметр toolkit.legacyUserProfileCustomizations.stylesheets в true переключили? Без этого стили работать не будут. Раз вы здесь и у вас вкладки вверху уже были, то, априори, вы уже об этом в курсе.
Добавлено 13-05-2023 21:31:08
VladimirK
Да тот парень исчез, даже спасибо не сказав. Зато другой пишет, что теперь работает.
Мне показалось, что параметр должен быть в false.
Вам вообще много чего "кажется". Вместо того что б делать точно то что вам говорят, вы делаете то что вам кажется.
Отредактировано _zt (14-05-2023 15:19:43)
Отсутствует
Удалил полностью мозиллу. Удалил папки Mozilla из Roaming и Local. Установил заново, больше ничего не добавлял.
В папку C:\Users\User\AppData\Roaming\Mozilla\Firefox\Profiles\gs8ypdnk.default\ скопировал папку chrome с userChrome.css
Профиль один - gs8ypdnk.default, был еще один jtrbc2xn.default-release, но я переключился на gs8ypdnk.default, а jtrbc2xn.default-release удалил.
Начальный код, который я использовал не перемещает панель вкладок под панель закладок.
@-moz-document url-prefix("chrome://browser/content/browser.x") { *|*:root:not([inFullscreen]) #navigator-toolbox { position: relative !important; border-bottom: none !important; --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px); } *|*:root:not([inFullscreen]) #navigator-toolbox > toolbar { -moz-box-ordinal-group: 10 !important; } *|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar { margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important; margin-bottom: 0 !important; box-shadow: none !important; -moz-box-ordinal-group: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } *|*:root:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar { -moz-box-ordinal-group: 1 !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox { -moz-appearance: -moz-window-titlebar !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox { -moz-appearance: -moz-window-titlebar-maximized !important; } *|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox { visibility: hidden !important; } *|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) { visibility: visible; } #navigator-toolbox > #titlebar { -moz-appearance: none !important; -moz-box-ordinal-group: 100 !important; --v-control-buttons-left: auto; --v-control-buttons-right: 0; position: static !important; } #navigator-toolbox > #titlebar:-moz-locale-dir(rtl) { --v-control-buttons-left: 0; --v-control-buttons-right: auto; } *|*:root:not([inFullscreen]) #toolbar-menubar { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; border: none !important; background: none !important; box-sizing: content-box !important; min-height: 0 !important; height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important; overflow: hidden !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons { display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton), *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * { align-self: center !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * { vertical-align: middle !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) { align-self: flex-start !important; } *|*:root[inFullscreen] #toolbar-menubar { visibility: collapse !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > * { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } *|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) { visibility: hidden !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > * > * { vertical-align: middle; } *|*:root:not([inFullscreen]) #toolbar-menubar > #menubar-items > * { vertical-align: top; } @media (-moz-windows-classic) { *|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar { padding-top: 4px !important; } *|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] { min-height: 4px !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar { background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar { margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important; } } @media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) { *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { padding-top: 8px !important; } } *|*:root:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"], *|*:root:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container { order: 1000 !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) { flex-grow: 1 !important; } *|*:root:not([inFullscreen]) #TabsToolbar { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important; position: static !important; } *|*:root:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs { padding-bottom: 0 !important; margin-bottom: 0 !important; } *|*:root:not([inFullscreen]) #TabsToolbar > .toolbar-items { padding-top: 0 !important; margin-top: 0 !important; } *|*:root:not([inFullscreen]) #TabsToolbar .tab-background { border-top-style: solid !important; } *|*:root:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container, *|*:root:not([inFullscreen]) #navigator-toolbox::after, *|*:root:not([inFullscreen]) #TabsToolbar::after, *|*:root:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) { display: none !important; } }
В about:config параметр toolkit.legacyUserProfileCustomizations.stylesheets в false.
Заменил 4 вхождения "-moz-box-ordinal-group:" на "order:" Не работает.
Заменил 1 вхождение "order: 0 !important;" на "order: -1 !important;" Не работает.
"Зато другой пишет, что теперь работает."
Восстановил я начальный код, и сделал, как он: Добавил Рядом с -moz-box-ordinal-group: 0 !important; order: -1 !important;
У меня не работает.
Удалил -moz-box-ordinal-group: 0 !important; (из вот этого вот Добавил Рядом с -moz-box-ordinal-group: 0 !important; order: -1 !important;) Не работает.
Заменил 3 оставшиеся строки "-moz-box-ordinal-group:" на "order:" Не работает.
Вы издеваетесь надо мной?
Отсутствует
В about:config параметр toolkit.legacyUserProfileCustomizations.stylesheets в false.
Этот параметр переключите в true, иначе стили работать не будут.
Потом попробуйте этот стиль:
@-moz-document url-prefix("chrome://browser/content/browser.x") { *|*:root:not([inFullscreen]) #navigator-toolbox { position: relative !important; border-bottom: none !important; --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px); } *|*:root:not([inFullscreen]) #navigator-toolbox > toolbar { order: 10 !important; } *|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar { margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important; margin-bottom: 0 !important; box-shadow: none !important; order: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } *|*:root:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar { order: 1 !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox { appearance: -moz-window-titlebar !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox { appearance: -moz-window-titlebar-maximized !important; } *|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox { visibility: hidden !important; } *|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) { visibility: visible; } #navigator-toolbox > #titlebar { appearance: none !important; order: 100 !important; --v-control-buttons-left: auto; --v-control-buttons-right: 0; position: static !important; } #navigator-toolbox > #titlebar:-moz-locale-dir(rtl) { --v-control-buttons-left: 0; --v-control-buttons-right: auto; } *|*:root:not([inFullscreen]) #toolbar-menubar { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; border: none !important; background: none !important; box-sizing: content-box !important; min-height: 0 !important; height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important; overflow: hidden !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons { display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbaritem,toolbarbutton), *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * { align-self: center !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * { vertical-align: middle !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :is(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) { align-self: flex-start !important; } *|*:root[inFullscreen] #toolbar-menubar { visibility: collapse !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > * { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } *|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) { visibility: hidden !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > * > * { vertical-align: middle; } *|*:root:not([inFullscreen]) #toolbar-menubar > #menubar-items > * { vertical-align: top; } @media (-moz-windows-classic) { *|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar { padding-top: 4px !important; } *|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] { min-height: 4px !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar { background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar { margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important; } } @media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) { *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { padding-top: 8px !important; } } *|*:root:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"], *|*:root:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container { order: 1000 !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) { flex-grow: 1 !important; } *|*:root:not([inFullscreen]) #TabsToolbar { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important; position: static !important; } *|*:root:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs { padding-bottom: 0 !important; margin-bottom: 0 !important; } *|*:root:not([inFullscreen]) #TabsToolbar > .toolbar-items { padding-top: 0 !important; margin-top: 0 !important; } *|*:root:not([inFullscreen]) #TabsToolbar .tab-background { border-top-style: solid !important; } *|*:root:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container, *|*:root:not([inFullscreen]) #navigator-toolbox::after, *|*:root:not([inFullscreen]) #TabsToolbar::after, *|*:root:not([inFullscreen]) #TabsToolbar .titlebar-spacer:is([type="pre-tabs"],[type="post-tabs"]) { display: none !important; } }
«The Truth Is Out There»
Отсутствует
Рядом с -moz-box-ordinal-group: 0 !important; order: -1 !important;
Я так делал, но вкладки перемещаются вниз вместе с панелю меню. Спасайте, ребят. Вот мой стиль от Виталия:
/*Вкладки внизу*/ @-moz-document url("chrome://browser/content/browser.xhtml") { :root { --v-toolbar-menubar-height: 28px; /* высота панели меню, только чётные числа не меньше 20px, если изменяете эту переменную то и в --v-toolbar-menubar-height-content - атрибут height= нужно установить ровно в два раза больше*/ --v-toolbar-menubar-height-content: url("data:image/svg+xml,<svg width='28' height='56' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='100%' height='100%' style='fill:transparent;'/></svg>"); /* height='2 * --v-toolbar-menubar-height' */ --tab-border-radius: 4px !important; /* **************************************** */ --proton-tab-block-margin: 0px !important; --tab-block-margin: 0px !important; --tabs-navbar-shadow-size: 0px !important; } #navigator-toolbox { border-block: none !important; box-shadow: none !important; padding-top: 0 !important; -moz-appearance: none !important; appearance: none !important; } :root:not([inFullscreen])[tabsintitlebar] #navigator-toolbox { position: relative !important; } #navigator-toolbox > toolbar { -moz-box-ordinal-group: 10 !important; } #navigator-toolbox > #nav-bar { margin-block: 0 !important; box-shadow: none !important; -moz-box-ordinal-group: 0 !important; padding-inline: 0 !important; } :root:not([inFullscreen]) #navigator-toolbox > #nav-bar { margin-top: var(--v-toolbar-menubar-height) !important; } #navigator-toolbox > #PersonalToolbar { -moz-box-ordinal-group: 1 !important; } :root:not([inFullscreen])[tabsintitlebar] > *|body::before { content: var(--v-toolbar-menubar-height-content) !important; display: -moz-box !important; -moz-box-flex: 0 !important; -moz-box-orient: vertical !important; -moz-box-pack: start !important; -moz-box-align: stretch !important; -moz-box-ordinal-group: 0 !important; margin-bottom: calc(-2 * var(--v-toolbar-menubar-height)) !important; box-sizing: content-box !important; } :root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > *|body::before { -moz-appearance: -moz-window-titlebar !important; appearance: -moz-window-titlebar !important; } :root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > *|body::before { -moz-appearance: -moz-window-titlebar-maximized !important; appearance: -moz-window-titlebar-maximized !important; } :root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > *|body::before { visibility: hidden !important; } @media not all and (-moz-os-version: windows-win7) { @media not all and (-moz-os-version: windows-win8) { :root:-moz-lwtheme { background-color: var(--lwt-accent-color, -moz-Dialog) !important; } :root:-moz-window-inactive:-moz-lwtheme { background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, -moz-Dialog)) !important; } } } #navigator-toolbox > #titlebar { -moz-appearance: none !important; appearance: none !important; -moz-box-ordinal-group: 100 !important; position: static !important; } #toolbar-menubar { padding-block: 0 !important; margin-block: 0 !important; border: none !important; background: none !important; --toolbarbutton-outer-padding: 0px !important; --toolbarbutton-inner-padding: calc((var(--v-toolbar-menubar-height) - 16px) / 2) !important; -moz-appearance: none !important; appearance: none !important; } :root:not(:is([inFullscreen],[chromehidden~="menubar"])) #toolbar-menubar { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; min-height: 0 !important; height: var(--v-toolbar-menubar-height) !important; overflow: hidden !important; } #toolbar-menubar .toolbarbutton-badge { margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important; } :root:not([inFullscreen]) #toolbar-menubar > :is(toolbaritem,toolbarbutton) { align-self: center !important; } :root:not([inFullscreen]) #toolbar-menubar > :is(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) { align-self: flex-start !important; } :root:not([inFullscreen]) #toolbar-menubar > * { padding-block: 0 !important; margin-block: 0 !important; } :root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) { opacity: 0 !important; pointer-events: none !important; } :root[inFullscreen] #toolbar-menubar { visibility: collapse !important; } :root:not([inFullscreen]) #toolbar-menubar > :is(*[style*="-moz-box-ordinal-group: 1000;"],.titlebar-buttonbox-container) { order: 1000 !important; } :root:not([inFullscreen]) #toolbar-menubar > :is(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) { flex-grow: 1 !important; } :root:not([inFullscreen]) #toolbar-menubar > :is(#search-container,#wrapper-search-container) { flex-grow: 100 !important; } #toolbar-menubar #search-container { padding-block: 0 !important; } #toolbar-menubar #searchbar { min-height: calc(var(--v-toolbar-menubar-height) - 2px) !important; } #TabsToolbar { -moz-appearance: none !important; appearance: none !important; padding-block: 0 !important; margin-block: 0 !important; box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important; position: static !important; background-color: var(--toolbar-bgcolor, -moz-dialog) !important; background-image: var(--toolbar-bgimage, none) !important; color: var(--toolbar-color, -moz-dialogtext) !important; --lwt-toolbarbutton-icon-fill: inherit !important; } #tabbrowser-tabs { padding-bottom: 0 !important; margin-bottom: 0 !important; } .tabbrowser-tab { background-color: transparent !important; border-top: none !important; } .tab-background { border-end-end-radius: 0 !important; border-end-start-radius: 0 !important; border-top-style: solid !important; } #TabsToolbar > .toolbar-items { padding-top: 0 !important; margin-top: 0 !important; } .tabbrowser-tab[usercontextid] .tab-context-line { margin-block: 0 !important; margin-inline: calc(var(--tab-border-radius) / 2) !important; } #TabsToolbar .titlebar-buttonbox-container, #navigator-toolbox::after, #TabsToolbar::after, #TabsToolbar .titlebar-spacer:is([type="pre-tabs"],[type="post-tabs"]) { display: none !important; } #scrollbutton-up, #scrollbutton-down { border-block: none !important; border-end-end-radius: 0 !important; border-end-start-radius: 0 !important; } :root[inFullscreen] #window-controls { position: absolute !important; display: flex !important; align-items: start !important; top: 0 !important; inset-inline-start: auto !important; inset-inline-end: 0 !important; margin: 0 !important; } :root[inFullscreen] #navigator-toolbox > #nav-bar { margin-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important; } :root:not([inFullscreen])[v_menubar_autohide="true"] #navigator-toolbox > #nav-bar { margin-top: 0 !important; margin-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important; } :root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar { pointer-events: none !important; } :root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar .titlebar-buttonbox-container { pointer-events: auto !important; } @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { :root[sizemode="normal"] #TabsToolbar { border-inline: 1px solid hsla(240,5%,5%,0.3) !important; background-clip: padding-box !important; } @media (-moz-windows-classic: 0) { :root:not([inFullscreen])[v_menubar_autohide="true"][tabsintitlebar][sizemode="normal"] #navigator-toolbox > #nav-bar { margin-top: 1px !important; } :root:not([inFullscreen])[sizemode="normal"] #toolbar-menubar:not([autohide="true"]) > #menubar-items { margin-top: 1px !important; } } } @media (-moz-windows-classic) { :root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox::before { content: "" !important; display: -moz-box !important; height: 4px !important; -moz-box-ordinal-group: 0 !important; visibility: visible !important; } :root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #navigator-toolbox::before { background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important; } :root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #toolbar-menubar { margin-top: 4px !important; } } :root[data-l10n-id="browser-main-window-mac"] { --v-toolbar-menubar-height: 0px !important; --v-toolbar-menubar-height-content: none !important; } :root:not([inFullscreen])[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #nav-bar { margin-inline-start: calc(var(--toolbarbutton-outer-padding, 2px) + var(--v-titlebar-button-horizont-padding, 6px) * 6 + var(--v-titlebar-button-image-width, 12px) * 3) !important; } :root:not([inFullscreen])[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #TabsToolbar .titlebar-buttonbox-container { visibility: visible !important; display: -moz-box !important; position: absolute !important; display: flex !important; top: 0 !important; } }
Отредактировано ofizer (14-05-2023 13:54:29)
Отсутствует
VladimirK пишетВ about:config параметр toolkit.legacyUserProfileCustomizations.stylesheets в false.
Этот параметр переключите в true, иначе стили работать не будут.
Потом попробуйте этот стиль:скрытый текстВыделить кодКод:
@-moz-document url-prefix("chrome://browser/content/browser.x") { *|*:root:not([inFullscreen]) #navigator-toolbox { position: relative !important; border-bottom: none !important; --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px); } *|*:root:not([inFullscreen]) #navigator-toolbox > toolbar { order: 10 !important; } *|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar { margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important; margin-bottom: 0 !important; box-shadow: none !important; order: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } *|*:root:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar { order: 1 !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox { appearance: -moz-window-titlebar !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox { appearance: -moz-window-titlebar-maximized !important; } *|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox { visibility: hidden !important; } *|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) { visibility: visible; } #navigator-toolbox > #titlebar { appearance: none !important; order: 100 !important; --v-control-buttons-left: auto; --v-control-buttons-right: 0; position: static !important; } #navigator-toolbox > #titlebar:-moz-locale-dir(rtl) { --v-control-buttons-left: 0; --v-control-buttons-right: auto; } *|*:root:not([inFullscreen]) #toolbar-menubar { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; border: none !important; background: none !important; box-sizing: content-box !important; min-height: 0 !important; height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important; overflow: hidden !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons { display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbaritem,toolbarbutton), *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * { align-self: center !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * { vertical-align: middle !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :is(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) { align-self: flex-start !important; } *|*:root[inFullscreen] #toolbar-menubar { visibility: collapse !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > * { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } *|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) { visibility: hidden !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > * > * { vertical-align: middle; } *|*:root:not([inFullscreen]) #toolbar-menubar > #menubar-items > * { vertical-align: top; } @media (-moz-windows-classic) { *|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar { padding-top: 4px !important; } *|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] { min-height: 4px !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar { background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important; } *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar { margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important; } } @media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) { *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { padding-top: 8px !important; } } *|*:root:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"], *|*:root:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container { order: 1000 !important; } *|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) { flex-grow: 1 !important; } *|*:root:not([inFullscreen]) #TabsToolbar { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important; position: static !important; } *|*:root:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs { padding-bottom: 0 !important; margin-bottom: 0 !important; } *|*:root:not([inFullscreen]) #TabsToolbar > .toolbar-items { padding-top: 0 !important; margin-top: 0 !important; } *|*:root:not([inFullscreen]) #TabsToolbar .tab-background { border-top-style: solid !important; } *|*:root:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container, *|*:root:not([inFullscreen]) #navigator-toolbox::after, *|*:root:not([inFullscreen]) #TabsToolbar::after, *|*:root:not([inFullscreen]) #TabsToolbar .titlebar-spacer:is([type="pre-tabs"],[type="post-tabs"]) { display: none !important; } }
Мне показалось, что параметр должен быть в false. Переключил, вкладки переехали вниз. Попробовал ваш код - тоже работает. Огромное всем спасибо!
Отсутствует
-moz-box-ordinal-group: 0 !important; order: -1 !important;
Помимо -moz-box-ordinal-group: 0 !important; нужны и другие правки -> https://bugzilla.mozilla.org/show_bug.cgi?id=1820744 + https://developer.mozilla.org/ru/docs/Web/CSS/order
Win7
Отсутствует
kokoss
Помимо -moz-box-ordinal-group: 0 !important; нужны и другие правки -> https://bugzilla.mozilla.org/show_bug.cgi?id=1820744 + https://developer.mozilla.org/ru/docs/Web/CSS/order
Ох, это я не осилю. Позабыл всё, да и раньше плохо в стилях разбирался; обычно, Виталий выручал и sandro79. Плохи мои дела, похоже.
Отсутствует
Ох, это я не осилю.
Win7
Отсутствует
kokoss
Архиогромное Вам спасибо. Вам и unter_officer-у. Просто спасли. Теперь и и панели на месте, и активная вкладка выделяется. Трижды спасибо!!!
Отредактировано ofizer (14-05-2023 17:46:00)
Отсутствует
Подскажите плиз с проблемой, может в стилях что... В ветке Firefox спрашивал, не помогли, сюда послали.
В версии Firefox 113 таб скроллер появляется сразу, как только табы достигают правой стороны браузера. В предыдущих версиях он появлялся только тогда, когда табов становилось довольно много и по ширине они становились довольно маленькими уже.
Можно как-то вернуть поведение, как на предыдущих версиях было?
browser.tabs.tabMinWidth у меня равен 76 и на старой версии и на новой. Пробовал уменьшать до 20-и, толку никакого.
Использую Custom CSS for Firefox 4.3.5
Отсутствует
browser.tabs.tabMinWidth
Да оставьте вы его в покое, не работает он, если стили есть. Я вам сказал, что в стилях искать. В стилях, а не в about:config.
Отсутствует