FF91. Как сделать отображение версии расширений?
@-moz-document url("about:addons"), url("chrome://mozapps/content/extensions/aboutaddons.html") { *|*.addon-name-link[title] { font-size: 0 !important; display: flex !important; flex-direction: row !important; } *|*.addon-name-link[title]::after { display: block !important; content: attr(title) !important; font-size: calc(1rem + 4px) !important; line-height: calc(1em + 6px) !important; } }
Отредактировано kokoss (11-01-2022 22:03:45)
Win7
Отсутствует
kokoss Спасибо, класс!
Отсутствует
Подскажите, что нужно изменить в Firefox-UI-Fix (Lepton) чтобы исчезли иконки вот отсюда? В самих выпадающих списках иконки пусть останутся...
Windows 10 LTSC
Отсутствует
Как привести несуразный индикатор масштаба v91 (слева) к приятному человеческому, как в v78 (справа)?
https://forum.mozilla-russia.org/viewto … 44#p791744 Сейчас у меня в 91 так
:root:not([uidensity="touch"]) #urlbar-zoom-button { padding: 0 8px !important; border-radius: 1em !important; background-color: hsla(0,0%,0%,.05) !important; border: 1px solid hsla(210,4%,50%,.3) !important; margin-block: 3px !important; } :root:not([uidensity="touch"]) #urlbar-zoom-button:hover { background-color: hsla(0,0%,0%,.1) !important; } :root:not([uidensity="touch"]) #urlbar-zoom-button:hover:active { background-color: hsla(0,0%,0%,.15) !important; }
Подскажите, что нужно изменить в Firefox-UI-Fix (Lepton) чтобы исчезли иконки вот отсюда?
Нужно удалить из кода или /* закомментировать */ строки с путями к иконкам и создающие для них пространство строки, см. скриншоты
Отсутствует
sandro79? огромное спасибо, как раз то что нужно.
Windows 10 LTSC
Отсутствует
https://forum.mozilla-russia.org/viewto … 44#p791744 Сейчас у меня в 91 так
Великолепно! Спасибо огромное!
Отсутствует
oleg.sgh
Методом тыка установил, что модный интерфейс исчезает, если из userChrome.css удалить вот этот код
/* старые стрелки */ #back-button > .toolbarbutton-icon { border: 1px solid DarkGray !important; /* цвет обводки */ border-radius: 10000px !important; width: 34px !important; /* ширина */ height: 34px !important; /* высота */ padding: 7px !important; /* размер стрелки */ } #forward-button > .toolbarbutton-icon { border-radius: 10000px !important; width: 28px !important; height: 28px !important; padding: 6px !important;
Как бы не пытался вернуть такой вид кнопок, нормальный стиль ломается и включается полностью модный
Блин, не работает код, убирающий "управление закладками", "другие закладки" и "панель закладок" в выпадающем списке закладок. Код не влияет ни на что
#BMB_bookmarksShowAllTop, #BMB_bookmarksShowAll { display: none !important; } #BMB_bookmarksToolbar, #BMB_unsortedBookmarks, #BMB_bookmarksPopup > menuseparator:nth-child(7) { display: none !important; }
Отредактировано Gheorgich (12-01-2022 20:03:58)
Отсутствует
Блин, не работает код, убирающий "управление закладками", "другие закладки" и "панель закладок" в выпадающем списке закладок.
#BMB_bookmarksShowAllTop, #BMB_bookmarksToolbar, #BMB_unsortedBookmarks, #BMB_bookmarksPopup menuseparator { display: none !important; }
Отредактировано kokoss (12-01-2022 20:25:52)
Win7
Отсутствует
kokoss Код заработал. И тот, который был, они почти не отличаются. Непонятно почему, просто воткнул в другое место, немного повыше. А куда воткнуть #back-button и #forward-button чтобы заработало? Нигде не принимается.
Заработало.
Отредактировано Gheorgich (12-01-2022 21:09:27)
Отсутствует
Подскажите как уменьшить высоту открытых вкладок?
Сегодня обновил браузер до 96 версии и высота вкладок изменилась.
Отсутствует
Всем привет, замучался я с обновлениями этими, полдня решал как вкладки переместить под адресную строку, вроде получилось. Скажите как уменьшить межстрочный интервал в закладках?
Как вкладки выделить, сделать прямоугольными как в более ранних версиях.
Вопросов много по изменению вида, просто перечитывать 474 страницы это ппц
Какой то код бы для юзерхрома, чтоб 95 версия стала похожа на древнюю
Отредактировано Kamaxa25 (13-01-2022 15:45:46)
Отсутствует
Чтоб переместить вкладки под адресную строку, я использовал такой код, действительно так много всего надо чтоб всего лишь переместить вкладки? Или там много лишнего?
@-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; margin-block-start: 1px !important; } :root:not(:-moz-lwtheme) .tab-background { --toolbar-bgimage: none; --toolbar-non-lwt-bgimage: none; } #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; } } /* уменьшить интервал между закладками */ #PlacesToolbarItems menuitem.bookmark-item, #PlacesToolbarItems menu.menu-iconic < margin-top: -2px !important; margin-bottom: -2px !important; >
Отсутствует
Подскажите как уменьшить высоту открытых вкладок?
Воспользуйтесь поиском по теме, или полистайте последние несколько страниц, недавно обсуждалось. Можно включить компактные значки в about:config browser.uidensity — 1
Вопросов много по изменению вида, просто перечитывать 474 страницы это ппц
Ну не обязательно с начала темы все 474, можно с 406 страницы начать...
я использовал такой код, действительно так много всего надо чтоб всего лишь переместить вкладки? Или там много лишнего?
А вы попробуйте по однуму правилу из кода удалять и смотрите что будет, а потом свой вариант кода сформируете.
А если серьёзно, то да, всё нужно, ещё и скрипт используется для тех, кто панель меню не использует.
Ну разве что сейчас из кода можно удалить --proton-tab-block-margin: 0px !important; и правило ниже можно в принципе убрать, оно для 7 и 8
@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; } } }
Отсутствует
Подскажите как уменьшить высоту открытых вкладок?
Жизнь иногда такое выкидывает, что хочется подобрать...
Отсутствует
sandro79
спасибо большое, (browser.uidensity) интервал между закладками не убавился, зато вкладки стали меньше по высоте и ширине
Вкладки переместил вниз. Стало похоже на привычный мне браузер. Вот интервал так и не нашел, при чем я нашел код, но вставляю его в userChrome и ничего не меняется (userChrome работает, вкладки переместились)
Убрать бы звездочку эту)) И ширину вкладок убавить
Отредактировано Kamaxa25 (13-01-2022 18:28:34)
Отсутствует
Вот интервал так и не нашел
Мне тоже искать неохота, делал когда-то для 10 для интервалов, пока работает, третье и четвёртое правило необязательны
menupopup[needsgutter] menu:not([icon], .menu-iconic), menupopup[needsgutter] menuitem:not([checked="true"], [icon], .menuitem-iconic) { padding-inline-start: 12px !important; } menupopup > menuitem, menupopup > menu { padding-block: 2px !important; } menupopup:-moz-lwtheme-brighttext { --menuitem-hover-background-color: #91C9F7 !important; --menu-background-color: #F2F2F2 !important; --menu-color: #000000 !important; --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.6) !important; --menu-disabled-color: rgba(21, 20, 26, 0.5) !important; --menu-border-color: #919191 !important; --menu-icon-opacity: 0.7 !important; } menupopup { border-radius: 0 !important; --panel-border-radius: 0 !important; --panel-padding: 2px 0 !important; } menupopup > menu > menupopup { margin-inline-start: -2px !important; margin-top: -3px !important; } #context-sep-navigation { margin-top: -2px !important; }
#PlacesToolbar menuitem, #PlacesToolbar menu { padding: 2px !important; min-height: 22px !important; } #PlacesToolbar menupopup { --arrowpanel-menuitem-margin: 0 2px !important; --arrowpanel-border-radius: 2px !important; --arrowpanel-menuitem-border-radius: 2px !important; --panel-subview-body-padding: 2px 0 !important; }
Убрать бы звездочку эту)) И ширину вкладок убавить
#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) { max-width: 190px !important; overflow: hidden !important; }
Отредактировано sandro79 (13-01-2022 20:29:16)
Отсутствует
sandro79
Спасибо огромное, звезду убрал, вкладки убавил, интервал тоже, скажите а какое значение отвечает за интервал между закладками, я бы еще немного убавил для себя
Отсутствует
а какое значение отвечает за интервал между закладками, я бы еще немного убавил для себя
padding-block и padding пробуйте, ну где 2px. min-height тоже кажется можно ещё убавить, не помню уже точно, не хочется опять в 10-ку перезагружаться.
И в четвёртом правиле в первом коде --panel-padding тоже можно убавить. Экспериментируйте.
Я там в первом коде первое правило надвое разделил, не с той сборки изначально скопировал код. Так правильней будет.
Отредактировано sandro79 (13-01-2022 20:31:44)
Отсутствует
Mozillafire пишетПодскажите как уменьшить высоту открытых вкладок?Можно посмотреть здесь
Сделайте пожалуйста готовый код по уменьшению вкладок.
Отсутствует
ширину вкладок убавить
Можно посмотреть код отсюда:
Отредактировано birond (14-01-2022 10:55:37)
Отсутствует
Mozillafire
Отредактировано oleg.sgh (14-01-2022 06:45:00)
Отсутствует
Сделайте пожалуйста готовый код по уменьшению вкладок.
/*** Proton Tabs Tweaks ***/ /* Adjust tab corner shape, optionally remove space below tabs */ #tabbrowser-tabs { --user-tab-rounding: 6px; } .tab-background { border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important; margin-block: 1px 0 !important; } #scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */ border-top-width: 1px !important; border-bottom-width: 0 !important; } /* Container color bar visibility */ .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { margin: 0px max(calc(var(--user-tab-rounding) - 3px), 0px) !important; } /* Override Normal Density height to Compact Density height only for tabs */ #TabsToolbar, #tabbrowser-tabs { --tab-min-height: 29px !important; } /* Tweak for covering a line at the bottom of the active tab on some themes 8/11/2021 */ #main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar, #main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar #tabbrowser-tabs { --tab-min-height: 30px !important; } #scrollbutton-up, #scrollbutton-down { border-top-width: 0 !important; border-bottom-width: 0 !important; } /* [Connected Tabs] Set a max height based on min-height plus margin-block: 1px 0 */ #TabsToolbar, #TabsToolbar > hbox, #TabsToolbar-customization-target, #tabbrowser-arrowscrollbox { max-height: calc(var(--tab-min-height) + 1px) !important; } /* [Connected Tabs] Adjust padding around icons on buttons to avoid crushed images */ #TabsToolbar-customization-target toolbarbutton > .toolbarbutton-icon, #TabsToolbar-customization-target .toolbarbutton-text, #TabsToolbar-customization-target .toolbarbutton-badge-stack, #scrollbutton-up,#scrollbutton-down { padding-top: 7px !important; padding-bottom: 6px !important; }
Жизнь иногда такое выкидывает, что хочется подобрать...
Отсутствует