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

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

№1262619-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)

Отсутствует

 

№1262719-12-2022 16:59:03

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

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

eugenikus8 пишет

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

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


Win7

Отсутствует

 

№1262819-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;
}

Отсутствует

 

№1262919-12-2022 22:46:25

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

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

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

Отсутствует

 

№1263020-12-2022 11:11:33

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

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

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

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

Отсутствует

 

№1263120-12-2022 11:32:42

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

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

R@MEO пишет

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

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


Win7

Отсутствует

 

№1263220-12-2022 11:37:54

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

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

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


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


1.jpg


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

2.jpg

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

Отсутствует

 

№1263320-12-2022 13:11:45

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

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

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

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

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

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

Отсутствует

 

№1263420-12-2022 20:24:48

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

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

tannacat

tannacat пишет

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

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

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

Отсутствует

 

№1263520-12-2022 20:33:41

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
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

Отсутствует

 

№1263620-12-2022 22:32:21

tannacat
Участник
 
Группа: Members
Зарегистрирован: 02-11-2020
Сообщений: 18
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)

Отсутствует

 

№1263720-12-2022 23:24:04

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
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

Отсутствует

 

№1263820-12-2022 23:56:07

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

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

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

Выделить код

Код:

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

Отсутствует

 

№1263921-12-2022 03:38:26

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
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;
}

Отсутствует

 

№1264021-12-2022 11:03:53

tannacat
Участник
 
Группа: Members
Зарегистрирован: 02-11-2020
Сообщений: 18
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 происходит. Я убрала оттуда вообще все, и ничего не поменялось в браузере
Я его удалила из каталога - и опять же ничего не изменилось

Отсутствует

 

№1264121-12-2022 14:51:08

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
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»

Отсутствует

 

№1264221-12-2022 20:06:54

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1421
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

Отсутствует

 

№1264321-12-2022 20:42:51

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
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»

Отсутствует

 

№1264421-12-2022 21:20:11

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2130
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);

Отсутствует

 

№1264521-12-2022 21:54:13

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

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

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


«The Truth Is Out There»

Отсутствует

 

№1264622-12-2022 11:36:41

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

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

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

Отсутствует

 

№1264723-12-2022 20:23:58

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

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

как скрыть только на ютубе вот такое вот
может как то через config

скрытый текст
FpVyRwZ.png

Отсутствует

 

№1264824-12-2022 02:06:50

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

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

доброго времени. как убрать бирюзовую окантовку вокруг дила, или сменить цвет на не приметный? при клике курсором отображается.

скрытый текст
02-00-2022-12-24.png

Отсутствует

 

№1264924-12-2022 18:42:05

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

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

tagnupip пишет

или сменить цвет на не приметный?

Попробуйте так:

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
body[lwt-newtab-brighttext] {
  --newtab-primary-action-background: transparent !important;
}
}

добавить в файл userContent.css


Win7

Отсутствует

 

№1265024-12-2022 20:02:03

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

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

kokoss пишет

tagnupip пишетили сменить цвет на не приметный?Попробуйте так:Выделить кодКод:@-moz-document url("about:newtab"), url("about:home") {
body[lwt-newtab-brighttext] {
  --newtab-primary-action-background: transparent !important;
}
}добавить в файл userContent.css

да, это сработало. убрана некая задержка, переход на сайт осуществляется мгновенно

Отсутствует

 

Board footer

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