панель табов внизу перекрывает контент страницы
Написал разрабу Issue: https://github.com/Aris-t2/CustomCSSforFx/issues/718 , он поправил в версии 4.6.7.
kokoss, сейчас я обновился на версию 4.6.2. general_toolbar_colors_tabs_toolbar_aeroglass.css вообще выключил для проверки, чтобы непрозрачный был.
Свой CSS тоже пока не использую для чистоты эксперимента.
Вкладки внизу: tabs_below_main_content.css + tabs_below_main_content_fx133.css
Именно эти настройки и использую для вкладок внизу. Только там нужно не плюс, а одно из них, использую tabs_below_main_content_fx133.css. В итоге, проблема сохраняется, панель табов внизу перекрывает контент страницы, вот скриншот этого форума, видно хорошо, что перекрывается внизу:
Подскажите, плиз. С MenuBar вроде сравился кое-как, другое вылезло. В CustomCSSforFx использую расположение вкладок внизу, TABS ON BOTTOM.
После обновления на версию 133 при использовании Jira, счетчик вылезает на TabsToolbar. Причем, у меня вот такая настройка для тоого, чтобы покрасить панель табов в нужный цвет:
/* background color for 'tabs below navigation toolbar' option */ #main-window #navigator-toolbox #TabsToolbar { background-color: #F2F2F2 !important; }
Но, при такой настройке счетчик загораживается этой панелью и его почти не видно:
Если я отсюда убираю #TabsToolbar, вот так:
тогда счетчик видно, но TabsToolbar не покрашен и вообще его не видно:
И в
…Обновился до 133-й версии.
Обновил CustomCSSforFx до последней 4.6.1. Настроил всё, почти всё ок. Вот только Menu Bar стал широким почему-то. Раньше была узкая полоска, в предыдущей версии. Можно как-то сделать узкой опять?
А так было:
Такое впечатление, что вообще вся страница сдвинута вниз на 5 мм, потому что внизу у меня контент обрезается и ниже tab bar на 5 мм примерно. Наверно это из-за содержимого my_userChrome.css, но что там даёт такой эффект, непонятно, помогите, плиз. В старой версии работало.
[spoiler]
[code]
/* Разделитель сверху панели закладок и цвет панели */
#PersonalToolbar { /* bookmarks toolbar */
border-top: 1px solid ThreeDShadow !important;
background-color: #F2F2F2 !important;
}
/* Разделитель сверху главной панели и цвет панели */
#main-wi
config\general_variables.css
проверяете --tab_min_width: 50px !important;
Чтобы применилось, надо также изменить about:config > browser.tabs.tabMinWidth
В userChrome.css должен быть включён стиль css\tabs\tab_maxwidth.css
Да, так получилось, спасибо!
Я вам сказал, что в стилях искать. В стилях, а не в about:config.
Знать бы, где искать.
Подскажите плиз с проблемой, может в стилях что... В ветке Firefox спрашивал, не помогли, сюда послали.
В версии Firefox 113 таб скроллер появляется сразу, как только табы достигают правой стороны браузера. В предыдущих версиях он появлялся только тогда, когда табов становилось довольно много и по ширине они становились довольно маленькими уже.
Можно как-то вернуть поведение, как на предыдущих версиях было?
browser.tabs.tabMinWidth у меня равен 76 и на старой версии и на новой. Пробовал уменьшать до 20-и, толку никакого.
Использую Custom CSS for Firefox 4.3.5
Поищите что то такое --tab-min-width
Такого параметра не нашел. А про browser.tabs.tabMinWidth я уже писал:
browser.tabs.tabMinWidth у меня равен 76 и на старой версии и на новой. Пробовал уменьшать до 20-и, толку никакого.
В версии Firefox 113 таб скроллер появляется сразу, как только табы достигают правой стороны браузера. В предыдущих версиях он появлялся только тогда, когда табов становилось довольно много и по ширине они становились довольно маленькими уже.
Можно как-то вернуть поведение, как на предыдущих версиях было?
browser.tabs.tabMinWidth у меня равен 76 и на старой версии и на новой. Пробовал уменьшать до 20-и, толку никакого.
В версии Firefox 113 таб скроллер появляется сразу, как только табы достигают правой стороны браузера. В предыдущих версиях он появлялся только тогда, когда табов становилось довольно много и по ширине они становились довольно маленькими уже.
Можно как-то вернуть поведение, как на предыдущих версиях было?
browser.tabs.tabMinWidth у меня равен 76 и на старой версии и на новой. Пробовал уменьшать до 20-и, толку никакого.
С вкладками внизу не работает, попробуйте к коду для изменения цвета панели вкладок добавить этот селектор -> #TabsToolbar-customization-target
Вроде так заработало, спасибо. Я вообще правильно написал, так имелось в виду?
/* tabs toolbar background */ #main-window #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme), #main-window #navigator-toolbox #TabsToolbar:-moz-lwtheme, #main-window #navigator-toolbox #TabsToolbar #TabsToolbar-customization-target{ background: #C7C7C7 !important; }
Retif пишетА у меня почему не работает тогда... Конфликт между какими-то параметрами что ли...Да ->
Ну вот я закомментил
И в my_userChrome.css добавил то же самое:
/* tabs toolbar background */ #main-window #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme), #main-window #navigator-toolbox #TabsToolbar:-moz-lwtheme, #main-window #navigator-toolbox #TabsToolbar { background: red !important; border: unset !important; box-shadow: unset !important; } #main-window[sizemode="normal"] #TabsToolbar:not(:-moz-lwtheme){ border-left: unset !important; border-right: unset !important; }
И опять нифига :( Белый так и остался. Только у меня панель вкладок внизу окна.
…Попробуйте тогда такой вариант ->
Попробовал. Что-то не работает, как был F0F0F0, так и остался.
У меня в [firefox] 113 работает!
Блин. А у меня почему не работает тогда... Конфликт между какими-то параметрами что ли...
Retif пишетНо для панели со вкладками что-то не выходитhttps://github.com/Aris-t2/CustomCSSfor … .css#L1083
https://forum.mozilla-russia.org/viewto … 70#p803370
Тут Firefox решил обновиться до версии 113.0 и это:
больше не работает.
Опять тогда вопрос, как задать свой цвет для панели с табами?
Использую Custom CSS for Firefox 4.3.5
https://github.com/Aris-t2/CustomCSSfor … .css#L1083
Да, спасибо, то что нужно! :beer:
А вот про цвет активной вкладки не подскажете? Копаюсь, копаюсь, пока не могу найти, где можно поменять.
Посмотрите в разделе TOOLBARS
Ну вот там есть:
/* ----------------- TOOLBAR COLORS ----------------- */ @import "./css/toolbars/general_toolbar_colors.css"; /**/ @import "./css/toolbars/tab_toolbar_colors_force_menubar_color.css"; /**/
И что-то это вообще не работает.
Upd.
В общем в файл my_userChrome.css добавил
/* Разделитель сверху панели закладок и цвет панели */ #PersonalToolbar { /* bookmarks toolbar */ border-top: 1px solid ThreeDShadow !important; background-color: #F2F2F2 !important; } /* Разделитель сверху главной панели и цвет панели */ #main-window #navigator-toolbox #nav-bar { border-top: 1px solid ThreeDShadow !important; background-color: #F2F2F2 !important; }
И цвет поменялся. Но для панели со вкладками что-то не выходит. Там же вставил код:
И нифига.
…kokoss, а вот там есть такая настройка:
/* ------------- Menubar color ------------- */ /* @import "./css/toolbars/menubar_color.css"; /**/
Когда ее включаю, цвет менюбара меняется на одинаковый со всеми остальными панелями. Как мне и хотелось, в общем-то. Но вот вопрос, где этот цвет глобально задать? Чтобы и меню бар и остальные панели одним моим заданным цветом залить?
У меня в моем файле раньше было так:
/* Цвет панелей */ :root:not(:-moz-lwtheme) { --toolbar-bgcolor: #F2F2F2 !important; --toolbar-color: black !important; } /* Цвет menubar */ #toolbar-menubar { background-color: var(--toolbar-bgcolor) !important; color: var(--toolbar-color) !important; } /* Цвет меню */ #toolbar-menubar menubar > menu { color: var(--toolbar-color) !important; }
а вкл/выкл стили в файле userChrome.css, подробнее здесь
Ну вот я так и сделал (давно пора, а то свой очень кривой), работает. Только вопрос, когда автор CustomCSSforFx выпустит новую версию, мне всё, что я там сделал вкл/выкл нужно руками заново будет в новом файле включать, других вариантов нет?
kokoss, содержимое обоих этих файлов нужно вставить в файл userChrome.css или что сделать?
*Upd.
А-а, нужно это CustomCSSforFx скачать и его поставить и в нем уже эти файлы править?
С ним вроде сделал, только я не понял, как в нем сохранять свой настройки, когда его новая версия выйдет, это же его новый файл перетрет userChrome.css существующий. Как им правильно пользоваться?
Люди, помогите плиз, 109-я версия всё поломала. Вкладки внизу окна совсем исчезли, вся панель со вкладками. Причем в режиме Customize Toolbar они есть.
Кусок из userChrome.css, в котором у меня настроны вкладки внизу окна:
[spoiler]
[code]/*** Секция для вкладок внизу ***/
/* Вкладки в низ окна */
#TabsToolbar {
position: fixed !important;
display:block !important;
bottom: -0em; !important;
width: 100% !important;
}
#tabbrowser-tabs { width: 96%; }
#content-deck { margin-bottom: 2.5em;
}
/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}
/* Remove X from Tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }
/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}
#tabbrowser-tabs {
width: 100vw !important;
#content-deck { margin-bottom: 0em; }
#main-window:not([chr
userChrome.css для браузера, userContent для контента. Я не знаю что еще сказать, воспользуйтесь поиском что ли.
Да не, просто имя файла не знал, спасибо, всё получилось.
_zt, а куда надо вставлять этот код? Я кроме userChrome.css ничего не знаю, извиняюсь.
_zt, что-то на рамку формы ответа вообще ноль реакции, зато цвет меню "File, Edit, View" и панели вкладок изменились :/
А подскажите плиз, вот теперь в 89-м, на форумах, в формах ответа (в том числе на этом), при установке в нее курсора, рамка подкрашивается синим, вот так:
Как можно цвет и толщину поменять обратно, чтобы было, как в 88-м?
Вот на Reddit.com нашёл вот такой маленький код для Proton'a:
скрытый текстВыделить код
Код:/* Цвет Панели вкладок вместе с неактивными вкладками, задан, как в Win. 10 */
#titlebar > toolbar{ background-color: -moz-accent-color !important; }
У меня после этого кода еще и высота вкладок нормальной стала, почему-то ))