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

Список ответов на каверзные вопросы можно получить в FAQ-разделе форума.

№1245118-12-2022 10:45:08

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

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

xrun1 пишет

А вот для шеврона >> не срабатывает

Так должно сработать

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

Выделить код

Код:

/* раскраска иконок на панели закладок, по аналогии с предыдущим стилем для боковой панели */
#PlacesToolbarItems > toolbarbutton.bookmark-item:hover:not([open]), #PlacesChevron:hover:not([open]) > .toolbarbutton-icon {
  background-color: blue !important;
  color: white !important;
  fill: white !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"], #PlacesChevron[open="true"] > .toolbarbutton-icon {
  background-color: red !important;
  color: white !important;
  fill: white !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"]:not(:hover), #PlacesChevron[open="true"]:not(:hover) > .toolbarbutton-icon {
  background-color: darkred !important;
  color: white !important;
  fill: white !important;
}

Отсутствует

 

№1245218-12-2022 15:10:30

Пандёнок
Участник
 
Группа: Extensions
Зарегистрирован: 04-11-2008
Сообщений: 5543
UA: Firefox 108.0

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

Аноним125876
Мы ж не знаем, что у вас там накручено.
Переместите в другую папку свой userChrome.css и потом перезапустите Firefox. Тогда увидите, проблема была в userChrome.css или в чём-то другом.

Отсутствует

 

№1245318-12-2022 16:58:35

Аноним125876
Участник
 
Группа: Members
Зарегистрирован: 08-01-2021
Сообщений: 13
UA: Firefox 107.0

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

Пандёнок
Поковырял пару часов папку с профилем, проблема скорее всего в userChrome.css
Вот как у меня выглядит браузер.
20221218-205425.png

Ps:
Паудалял пачку строк, Браузер ожил, но сломалась панель меню вверху справа(свернуть/развернуть/закрыть, она почему то раздвоилась и прямо под ней появился дуликат, а строка вкладок сместилась левее)


Мой 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;
}
#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;
}
#TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#TabsToolbar .tabbrowser-tab {
    background-color: transparent !important;
    border-top: none !important;
}
#TabsToolbar .tab-background {
    border-end-end-radius: 0 !important;
    border-end-start-radius: 0 !important;
}
#TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !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;
}
}




menupopup > menuitem,
menupopup > menu {
    padding-block: 6px !important;
    padding-inline-start: 8px !important;
}

Отредактировано Аноним125876 (18-12-2022 17:09:52)

Отсутствует

 

№1245418-12-2022 19:16:10

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1228
UA: Firefox 108.0

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

sandro79
Спасибо, значок ">>" меняет цвет.
Я неправильно поставил вопрос и, вроде, раньше работало нормально. Цвет фона. Так работает.

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

Выделить код

Код:

#PlacesChevron:hover:not([open]) {
  --toolbarbutton-hover-background: blue !important;
  fill: white !important;
}

#PlacesChevron[open="true"] {
  --toolbarbutton-active-background: red !important;
  fill: white !important;
}
#PlacesChevron[open="true"]:not(:hover) {
  --toolbarbutton-active-background: darkred !important;
  fill: white !important;
}


При нажатии на кнопку, когда меню открыто и меню сворачивается, при преходе с красного на синий проскакивает какой-то голубой, но это поправить не могу. Да и ладно.

Отсутствует

 

№1245519-12-2022 15:10:35

eugenikus8
Участник
 
Группа: Members
Зарегистрирован: 21-11-2017
Сообщений: 6
UA: Firefox 108.0

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

Помогите. Как в 108 лисе сделать панель закладок как на скрине "было", чтобы отбражались только значки

было

скрытый текст
2021-12-19-221940-cr.png

стало в 108
скрытый текст
2022-12-19-135217.png

Мой userChrome.css , что раньше работал
скрытый текст

Выделить код

Код:

#PlacesToolbarItems > .bookmark-item {max-width: 10px !important;}
#PlacesToolbarItems > .bookmark-item:hover {max-width: 300px !important;}
#PlacesToolbarItems > .bookmark-item {margin: -3px !important;}

Отредактировано eugenikus8 (19-12-2022 15:26:56)

Отсутствует

 

№1245619-12-2022 16:59:03

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

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

eugenikus8 пишет

Мой userChrome.css , что раньше работал

Код рабочий, проверьте только с эти кодом.


Win7

Отсутствует

 

№1245719-12-2022 22:14:41

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

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

eugenikus8 пишет

Как в 108 лисе сделать панель закладок как на скрине "было", чтобы отбражались только значки

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

Выделить код

Код:

#PlacesToolbarItems > .bookmark-item:not(:hover,[open]) > .toolbarbutton-text {
  display: none !important;
}

И отступы уменьшить, если нужно
скрытый текст

Выделить код

Код:

toolbarbutton.bookmark-item:not(.subviewbutton) {
  margin: 1px !important;
  padding: 1px !important;
}

Отсутствует

 

№1245819-12-2022 22:46:25

eugenikus8
Участник
 
Группа: Members
Зарегистрирован: 21-11-2017
Сообщений: 6
UA: Firefox 108.0

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

sandro79
Спасибо большое. То, что нужно.

Отсутствует

 

№1245920-12-2022 11:11:33

R@MEO
Участник
 
Группа: Members
Зарегистрирован: 24-09-2007
Сообщений: 74
UA: Firefox 109.0

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

Прошу прощения, не слежу за темой, что произошло с user_chrome_files, он перестал работать. Настройки открываются, панели все включены, но в браузере их нет.  Новый срипт скачать на родной страничке невозможно, она не работает :rolleyes:

Отредактировано R@MEO (20-12-2022 11:15:38)

Отсутствует

 

№1246020-12-2022 11:32:42

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

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

R@MEO пишет

Новый срипт скачать на родной страничке невозможно, она не работает

скрытый текст
https://www.mediafire.com/file/a4tm1zgcczefr8p/VitaliyVstyle.github.io-master.zip/file


Win7

Отсутствует

 

№1246120-12-2022 11:37:54

tannacat
Участник
 
Группа: Members
Зарегистрирован: 02-11-2020
Сообщений: 23
UA: Firefox 108.0

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

Помогите, пожалуйста... Пришлось обновить браузер на 108, вылезла очень раздражающая проблема


Сделана зеленая линия вокруг адрессбара


1.jpg


Но когда адрес редактируешь, она вдруг становится синей. Очень-очень раздражает синий цвет :(
Как от него избавиться???

2.jpg

Отредактировано tannacat (20-12-2022 16:40:13)

Отсутствует

 

№1246220-12-2022 13:11:45

R@MEO
Участник
 
Группа: Members
Зарегистрирован: 24-09-2007
Сообщений: 74
UA: Firefox 109.0

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

kokoss пишет
R@MEO пишет

Новый срипт скачать на родной страничке невозможно, она не работает

скрытый текст
https://www.mediafire.com/file/a4tm1zgcczefr8p/VitaliyVstyle.github.io-master.zip/file

К сожалению,  не работает. Может есть фикс для версии 109?

Отсутствует

 

№1246320-12-2022 20:24:48

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207

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

tannacat

tannacat пишет

Сделана зеленая линия вокруг адрессбара

Как сделана?  Смотрю и selection поменял.

Отредактировано 6e73epo (20-12-2022 20:31:29)

Отсутствует

 

№1246420-12-2022 20:33:41

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

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

tannacat пишет

Но когда адрес редактируешь, она вдруг становится синей. Очень-очень раздражает синий цвет :(
Как от него избавиться???

Как вариант:

Выделить код

Код:

#urlbar-background {
  --toolbar-field-focus-border-color: transparent !important;
}

Отредактировано kokoss (20-12-2022 20:38:11)


Win7

Отсутствует

 

№1246520-12-2022 22:32:21

tannacat
Участник
 
Группа: Members
Зарегистрирован: 02-11-2020
Сообщений: 23
UA: Firefox 108.0

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

kokoss пишет

tannacat пишетНо когда адрес редактируешь, она вдруг становится синей. Очень-очень раздражает синий цвет Как от него избавиться???Как вариант:Выделить кодКод:#urlbar-background {
  --toolbar-field-focus-border-color: transparent !important;
}
                    Отредактировано kokoss (Сегодня 20:38:11)

Так не помогло, к сожалению

Добавлено 20-12-2022 22:35:48

6e73epo пишет

Как сделана?  Смотрю и selection поменял.
                    Отредактировано 6e73epo (Сегодня 20:31:29)

Вот так

/*  цвет бордюра адресной строки */

*#urlbar-background{ border-color: green !important; }

Вот это не помогло

.urlbarView-row[selected] {
    background-color: green !important;
    border-color: green !important;
  }

А selection - это наверное вот это

/*цвет в адресной строке при выделении */
:-moz-any(#urlbar,#searchbar,*|*.findbar-textbox) *|input::-moz-selection,
*|input.findbar-textbox::-moz-selection {
    background-color: green !important;
    color: white !important;
}

Отредактировано tannacat (20-12-2022 22:35:48)

Отсутствует

 

№1246620-12-2022 23:24:04

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

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

tannacat пишет

А selection - это наверное вот это

    /*цвет в адресной строке при выделении */
    :-moz-any(#urlbar,#searchbar,*|*.findbar-textbox) *|input::-moz-selection,
    *|input.findbar-textbox::-moz-selection {
        background-color: green !important;
        color: white !important;
    }

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/locationbar/selection_color_for_bright_bg.css
или такой вариант: https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/locationbar/selection_color_for_dark_bg.css

Отредактировано kokoss (21-12-2022 00:29:56)


Win7

Отсутствует

 

№1246720-12-2022 23:56:07

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: unknown 0.0

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

tannacat, представляю какая катавасия творится у тебя в стилях. Надо смотреть их все, чтобы понять, почему не срабатывает, например то, что тебе предложил kokoss, и все равно идет наложение outline. Попробуй так:

Выделить код

Код:

#urlbar-background {
	border-color: green !important;
	outline-color: transparent !important;
}

Отсутствует

 

№1246821-12-2022 03:38:26

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1228
UA: Firefox 108.0

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

tannacat
Не знаю, как Вы устанавливаете цвет бордюра urlbar. Использую давно типа такого стиля. Лишнее уберёте и свои цвета, комментарии добавил.

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

Выделить код

Код:

/* панели по умолчанию */
#urlbar:not(:-moz-lwtheme) > #urlbar-background,
#searchbar:not(:-moz-lwtheme), #search-box:not(:-moz-lwtheme) {
/*    border: 2px solid green !important; /* установить толщину и цвет */
    border-color: green !important; /* или только цвет */
}
/* при наведении мышкой */
#urlbar:not(:-moz-lwtheme):hover > #urlbar-background,
#searchbar:not(:-moz-lwtheme):hover, #search-box:not(:-moz-lwtheme):hover {
    border-color: red !important;
    background-color: lightblue !important;
    box-shadow: none !important;
}
/* панель активна */
#urlbar:not(:-moz-lwtheme)[focused="true"] > #urlbar-background,
#searchbar:not(:-moz-lwtheme):focus-within, #search-box:not(:-moz-lwtheme)[focused="true"] {
    border-color: blue !important;
    background-color: #FFD700 !important;
    box-shadow: none !important;
}

Отсутствует

 

№1246921-12-2022 11:03:53

tannacat
Участник
 
Группа: Members
Зарегистрирован: 02-11-2020
Сообщений: 23
UA: Firefox 108.0

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

xrun1 пишет

tannacatНе знаю, как Вы устанавливаете цвет бордюра urlbar. Использую давно типа такого стиля. Лишнее уберёте и свои цвета, комментарии добавил.скрытый текстВыделить кодКод:/* панели по умолчанию */
#urlbar:not(:-moz-lwtheme) > #urlbar-background,
#searchbar:not(:-moz-lwtheme), #search-box:not(:-moz-lwtheme) {
/*    border: 2px solid green !important; /* установить толщину и цвет */
    border-color: green !important; /* или только цвет */
}
/* при наведении мышкой */
#urlbar:not(:-moz-lwtheme):hover > #urlbar-background,
#searchbar:not(:-moz-lwtheme):hover, #search-box:not(:-moz-lwtheme):hover {
    border-color: red !important;
    background-color: lightblue !important;
    box-shadow: none !important;
}
/* панель активна */
#urlbar:not(:-moz-lwtheme)[focused="true"] > #urlbar-background,
#searchbar:not(:-moz-lwtheme):focus-within, #search-box:not(:-moz-lwtheme)[focused="true"] {
    border-color: blue !important;
    background-color: #FFD700 !important;
    box-shadow: none !important;
}

Похоже, проблема в другом.
Что-то с файлом userchrome происходит. Я убрала оттуда вообще все, и ничего не поменялось в браузере
Я его удалила из каталога - и опять же ничего не изменилось

Отсутствует

 

№1247021-12-2022 14:51:08

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 606
UA: Firefox 108.0

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

R@MEO пишет

что произошло с user_chrome_files, он перестал работать. Настройки открываются, панели все включены, но в браузере их нет.

У меня в [firefox] 109 UCF в целом работает, но пропала нижняя панель.
Исчезновение нижней панели судя по всему связано с этим: https://hg.mozilla.org/mozilla-central/rev/49cefc94b9bd
Поправить это моих знаний не хватает.


«The Truth Is Out There»

Отсутствует

 

№1247121-12-2022 20:06:54

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1650
UA: Firefox 108.0

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

unter_officer
Невозможно поправить то чего больше нет. Забудьте.
https://forum.mozilla-russia.org/viewtopic.php?pid=802615#p802615
https://forum.mozilla-russia.org/viewtopic.php?pid=802907#p802907

Отсутствует

 

№1247221-12-2022 20:42:51

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 606
UA: Firefox 108.0

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

_zt пишет

unter_officer
Невозможно поправить то чего больше нет. Забудьте.
https://forum.mozilla-russia.org/viewtopic.php?pid=802615#p802615
https://forum.mozilla-russia.org/viewtopic.php?pid=802907#p802907

_zt
Если я правильно понял, вот ЗДЕСЬ Dumby привел пример, как это исправлено в userChromeJS.
Но у меня не хватает знаний, чтобы на основе этого примера сделать тоже самое в UCF. Поэтому и спросил здесь.
Тем более, что при выходе релиза [firefox] 109 этот вопрос все равно появится не только у меня.


«The Truth Is Out There»

Отсутствует

 

№1247321-12-2022 21:20:11

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2262
UA: Firefox 78.0

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

unter_officer пишет

Если я правильно понял, вот ЗДЕСЬ Dumby привел пример, как это исправлено в userChromeJS.

Да, понял правильно. Но, суть, скорее даже в том,
создавать ли выпиленный vbox#browser-bottombox
или можно ведь добавить тулбар прямо вместо него.


Хорошо, допустим создаём

user_chrome_files\vertical_top_bottom_bar\vertical_top_bottom_bar.js

Выделить код

Код:

/*
                document.querySelector("#browser-bottombox")?.append(bottombar);
*/
                let id = "browser-bottombox", box = document.getElementById(id);
                if (!box) {
                    box = document.createXULElement("vbox");
                    box.id = id;
                    document.getElementById("a11y-announcement")?.before(box);
                }
                box.append(bottombar);

Отсутствует

 

№1247421-12-2022 21:54:13

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 606
UA: Firefox 108.0

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

Dumby, большое спасибо!


«The Truth Is Out There»

Отсутствует

 

№1247522-12-2022 11:36:41

tannacat
Участник
 
Группа: Members
Зарегистрирован: 02-11-2020
Сообщений: 23
UA: Firefox 108.0

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

kokoss, 6e73epo ,xrun1 - всем огромное спасибо!
Нашла причину - не в той папке userchrome редактировала :lol:
Все позеленело, как надо.

Отсутствует

 

Board footer

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