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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№1167611-01-2022 22:02:39

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1734
UA: Firefox 96.0

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

shadow_user пишет

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

Отсутствует

 

№1167712-01-2022 08:43:11

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 91.0

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

kokoss Спасибо, класс!

Отсутствует

 

№1167812-01-2022 08:49:42

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 195
UA: Firefox 96.0

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

Подскажите, что нужно изменить в Firefox-UI-Fix (Lepton) чтобы исчезли иконки вот отсюда? В самих выпадающих списках иконки пусть останутся...

скрытый текст
e7d70bfb0435t.jpg


Windows 10 LTSC

Отсутствует

 

№1167912-01-2022 10:24:13

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

shadow_user пишет

Как привести несуразный индикатор масштаба 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;
}

Black_Monk пишет

Подскажите, что нужно изменить в Firefox-UI-Fix (Lepton) чтобы исчезли иконки вот отсюда?

Нужно удалить из кода или /* закомментировать */ строки с путями к иконкам и создающие для них пространство строки, см. скриншоты

скрытый текст
Image_001.pngImage_002.pngImage_003.png

Отсутствует

 

№1168012-01-2022 10:35:04

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 195
UA: Firefox 96.0

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

sandro79? огромное спасибо, как раз то что нужно. :cool:


Windows 10 LTSC

Отсутствует

 

№1168112-01-2022 11:48:59

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 91.0

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

sandro79 пишет

https://forum.mozilla-russia.org/viewto … 44#p791744 Сейчас у меня в 91 так

Великолепно! Спасибо огромное! :beer:

Отсутствует

 

№1168212-01-2022 19:18:46

Gheorgich
Участник
 
Группа: Members
Зарегистрирован: 29-07-2017
Сообщений: 58
UA: Firefox 95.0

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

А что userChrome.css в 96 уже не работает? Опять вернулся модный интерфейс :(

Отсутствует

 

№1168312-01-2022 19:34:24

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3155
UA: Firefox 96.0

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

Gheorgich
toolkit.legacyUserProfileCustomizations.stylesheets;true
browser.proton.enabled; true

Отредактировано oleg.sgh (12-01-2022 19:35:35)

Отсутствует

 

№1168412-01-2022 19:39:00

Gheorgich
Участник
 
Группа: Members
Зарегистрирован: 29-07-2017
Сообщений: 58
UA: Firefox 96.0

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

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;


Но тогда пропадает круглая стрелка "назад", как в старом фаерфрксе. Куда засунуть этот код или как его поменять, чтобы стиль "Lepton-Photon-Style" не ломался?

Как бы не пытался вернуть такой вид кнопок, нормальный стиль ломается и включается полностью модный


Блин, не работает код, убирающий "управление закладками", "другие закладки" и "панель закладок" в выпадающем списке закладок. Код не влияет ни на что

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

Выделить код

Код:

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

Отсутствует

 

№1168512-01-2022 20:19:01

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1734
UA: Firefox 96.0

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

Gheorgich пишет

Блин, не работает код, убирающий "управление закладками", "другие закладки" и "панель закладок" в выпадающем списке закладок.

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

Выделить код

Код:

#BMB_bookmarksShowAllTop,
#BMB_bookmarksToolbar,
#BMB_unsortedBookmarks,
#BMB_bookmarksPopup menuseparator {
  display: none !important;
}

Отредактировано kokoss (12-01-2022 20:25:52)


Win7

Отсутствует

 

№1168612-01-2022 20:40:44

Gheorgich
Участник
 
Группа: Members
Зарегистрирован: 29-07-2017
Сообщений: 58
UA: Firefox 96.0

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

kokoss Код заработал. И тот, который был, они почти не отличаются. Непонятно почему, просто воткнул в другое место, немного повыше. А куда воткнуть #back-button и #forward-button чтобы заработало? Нигде не принимается.
Заработало.

Отредактировано Gheorgich (12-01-2022 21:09:27)

Отсутствует

 

№1168713-01-2022 13:30:43

Mozillafire
Участник
 
Группа: Members
Зарегистрирован: 30-04-2014
Сообщений: 52
UA: Firefox 96.0

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

Подскажите как уменьшить высоту открытых вкладок?
Сегодня обновил браузер до 96 версии и высота вкладок изменилась.

скрытый текст
78f507516e80.jpg

Отсутствует

 

№1168813-01-2022 15:39:33

Kamaxa25
Участник
 
Группа: Members
Зарегистрирован: 12-06-2017
Сообщений: 37
UA: Firefox 96.0

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

Всем привет, замучался я с обновлениями этими, полдня решал как вкладки переместить под адресную строку, вроде получилось. Скажите как уменьшить межстрочный интервал в закладках?
Как вкладки выделить, сделать прямоугольными как в более ранних версиях.
Вопросов много по изменению вида, просто перечитывать 474 страницы это ппц

Какой то код бы для юзерхрома, чтоб 95 версия стала похожа на древнюю

Отредактировано Kamaxa25 (13-01-2022 15:45:46)

Отсутствует

 

№1168913-01-2022 16:19:03

Kamaxa25
Участник
 
Группа: Members
Зарегистрирован: 12-06-2017
Сообщений: 37
UA: Firefox 96.0

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

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

Выделить код

Код:

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

Отсутствует

 

№1169013-01-2022 17:28:55

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Mozillafire пишет

Подскажите как уменьшить высоту открытых вкладок?

Воспользуйтесь поиском по теме, или полистайте последние несколько страниц, недавно обсуждалось. Можно включить компактные значки в about:config browser.uidensity — 1

Kamaxa25 пишет

Вопросов много по изменению вида, просто перечитывать 474 страницы это ппц

Ну не обязательно с начала темы все 474, можно с 406 страницы начать...

я использовал такой код, действительно так много всего надо чтоб всего лишь переместить вкладки? Или там много лишнего?

А вы попробуйте по однуму правилу из кода удалять и смотрите что будет, а потом свой вариант кода сформируете.
А если серьёзно, то да, всё нужно, ещё и скрипт используется для тех, кто панель меню не использует.
Ну разве что сейчас из кода можно удалить --proton-tab-block-margin: 0px !important; и правило ниже можно в принципе убрать, оно для [windows] 7 и [windows] 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;
}
    }
}

Этот код попробуйте, навскидку вроде работает, но тут могут и косяки полезть, при определённых условиях.

Отсутствует

 

№1169113-01-2022 17:54:29

Farby
Участник
 
Группа: Members
Зарегистрирован: 21-11-2012
Сообщений: 287
UA: Google 2.1

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

Mozillafire пишет

Подскажите как уменьшить высоту открытых вкладок?

Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.


Жизнь иногда такое выкидывает, что хочется подобрать...

Отсутствует

 

№1169213-01-2022 18:16:24

Kamaxa25
Участник
 
Группа: Members
Зарегистрирован: 12-06-2017
Сообщений: 37
UA: Firefox 96.0

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

sandro79
спасибо большое, (browser.uidensity) интервал между закладками не убавился, зато вкладки стали меньше по высоте и ширине
Вкладки переместил вниз. Стало похоже на привычный мне браузер. Вот интервал так и не нашел, при чем я нашел код, но вставляю его в userChrome и ничего не меняется (userChrome работает, вкладки переместились)
Убрать бы звездочку эту)) И ширину вкладок убавить

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

Отредактировано Kamaxa25 (13-01-2022 18:28:34)

Отсутствует

 

№1169313-01-2022 18:54:06

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 98.0

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

Kamaxa25 пишет

Вот интервал так и не нашел

Мне тоже искать неохота, делал когда-то для [windows] 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;
}

Убрать бы звездочку эту)) И ширину вкладок убавить

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

Выделить код

Код:

#star-button-box {
 display: none !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)

Отсутствует

 

№1169413-01-2022 19:05:39

Kamaxa25
Участник
 
Группа: Members
Зарегистрирован: 12-06-2017
Сообщений: 37
UA: Firefox 96.0

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

sandro79
Спасибо огромное, звезду убрал, вкладки убавил, интервал тоже, скажите а какое значение отвечает за интервал между закладками, я бы еще немного убавил для себя

Отсутствует

 

№1169513-01-2022 19:15:13

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Kamaxa25 пишет

а какое значение отвечает за интервал между закладками, я бы еще немного убавил для себя

padding-block и padding пробуйте, ну где 2px. min-height тоже кажется можно ещё убавить, не помню уже точно, не хочется опять в 10-ку перезагружаться.
И в четвёртом правиле в первом коде --panel-padding тоже можно убавить. Экспериментируйте.


Я там в первом коде первое правило надвое разделил, не с той сборки [firefox] изначально скопировал код. Так правильней будет.

Отредактировано sandro79 (13-01-2022 20:31:44)

Отсутствует

 

№1169613-01-2022 23:43:06

Mozillafire
Участник
 
Группа: Members
Зарегистрирован: 30-04-2014
Сообщений: 52
UA: Firefox 94.0

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

Farby пишет

Mozillafire пишетПодскажите как уменьшить высоту открытых вкладок?Можно посмотреть здесь

Сделайте пожалуйста готовый код по уменьшению вкладок.

Отсутствует

 

№1169714-01-2022 01:12:02

birond
Участник
 
Группа: Members
Зарегистрирован: 02-11-2019
Сообщений: 8
UA: Firefox 96.0

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

Kamaxa25 пишет

ширину вкладок убавить

Можно посмотреть код отсюда:

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

Будет примерно так:
скрытый текст

Отредактировано birond (14-01-2022 10:55:37)

Отсутствует

 

№1169814-01-2022 06:44:35

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3155
UA: Firefox 96.0

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

Mozillafire

Выделить код

Код:

#TabsToolbar {
  height: 34px !important;
}

Отредактировано oleg.sgh (14-01-2022 06:45:00)

Отсутствует

 

№1169914-01-2022 08:59:00

Farby
Участник
 
Группа: Members
Зарегистрирован: 21-11-2012
Сообщений: 287
UA: Google 2.1

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

Mozillafire пишет

Сделайте пожалуйста готовый код по уменьшению вкладок.

Выделить код

Код:

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

Жизнь иногда такое выкидывает, что хочется подобрать...

Отсутствует

 

№1170014-01-2022 09:36:03

Kamaxa25
Участник
 
Группа: Members
Зарегистрирован: 12-06-2017
Сообщений: 37
UA: Firefox 96.0

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

Искал в интернете решение, нашел пару вариантов но они не помогают, как убрать это из закладок?

скрытый текст
1.jpg

Отсутствует

 

Board footer

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