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

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

№1322602-07-2023 14:30:07

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 115.0

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

.

Отредактировано Ник 22 (02-07-2023 15:27:56)

Отсутствует

 

№1322702-07-2023 15:26:09

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 312
UA: Firefox 88.0

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

kokoss пишет

можно ещё удалить ->  background-clip: content-box !important;

Viatcheslav пишет

А что делает этот код?

Разобрался, лучше не удалять. Для моих настроек стилей
фон заголовка окна сливается по цвету с фоном панели навигации,
а кнопки управления окном (свернуть/развернуть/закрыть) становятся невидимыми... :(

Отсутствует

 

№1322802-07-2023 15:30:49

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 115.0

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

Уважаемые!!! Не обновляйтесь до версии 115 ESR хотя бы какое то время. Такой глючной версии за все время пользования Фаерфоксом я еще не встречал.

Отсутствует

 

№1322902-07-2023 15:38:30

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

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

Ник 22
Во первых, не несите чушь, во вторых, здесь тема по стилям, а не по версиям.
   
Добавьте в свой код
    --arrowpanel-background: !important;
    --v-arrowpanel-background: !important;
и поиграйтесь цветами всех трех пунктов.
Напомню, что в качестве цвета можно использовать transparent или rgba, типа rgba(0,0,0,0.1).

Отредактировано _zt (02-07-2023 15:40:38)

Отсутствует

 

№1323002-07-2023 17:50:12

Злой Буратино
Участник
 
Группа: Members
Зарегистрирован: 09-12-2011
Сообщений: 98
UA: Firefox 90.0

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

_zt пишет

Злой Буратино
Что то типа этого?

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
:root {
    --newtab-primary-action-background: rgb(40,140,230) !important;
}
input:focus-visible {
    border: none !important;
    outline: 1px solid var(--newtab-primary-action-background) !important;
    outline-offset: 0px !important;
}
#searchSubmit {
    border-radius: 8px !important;
}
.top-site-outer {
    width: 100px !important;
    padding: 4px !important;
}
.top-site-outer .tile .icon-wrapper {
    width: 80px !important;
    height: 80px !important;
}
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) {
    background: none !important;
    outline: 1px solid var(--newtab-primary-action-background) !important;
    outline-offset: 0px !important;
}
.top-site-outer .title {
    visibility: collapse !important;
    padding: 0 !important;
    margin-top: -20px !important;
}
}

Не могу сказать, у меня ничего не поменялось.

Отсутствует

 

№1323102-07-2023 18:11:33

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

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

Злой Буратино
На 90 ? Я только на 115 проверял.

Отсутствует

 

№1323202-07-2023 18:15:56

Злой Буратино
Участник
 
Группа: Members
Зарегистрирован: 09-12-2011
Сообщений: 98
UA: Firefox 90.0

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

_zt пишет

Злой Буратино
На 90 ? Я только на 115 проверял.

Вот как раз на 115 и проверял. С 90 просто пишу.

Отсутствует

 

№1323302-07-2023 19:25:16

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

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

Злой Буратино
Вы его конечно в userChrome засунули? :)

Отсутствует

 

№1323402-07-2023 20:31:40

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

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

Вы его конечно в userChrome засунули?

может хватит примерять, куда совать, пора правила мозгами думать что делать и как разгружать css модулн. У меня свой CSS Лодырь, а у Вас в квартире газ...

Добавлено 02-07-2023 20:34:03
и я даже за ваз, но сапорт это не так...

Добавлено 02-07-2023 20:45:23
а может и не за ВАЗ, но я верю в Вас...

Отредактировано Farby (02-07-2023 20:45:23)


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

Отсутствует

 

№1323503-07-2023 08:20:56

Злой Буратино
Участник
 
Группа: Members
Зарегистрирован: 09-12-2011
Сообщений: 98
UA: Firefox 90.0

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

_zt пишет

Злой Буратино
Вы его конечно в userChrome засунули? :)

Да. Подскажите, что делаю не так?

Отсутствует

 

№1323603-07-2023 09:00:11

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 312
UA: Firefox 88.0

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

Злой Буратино пишет

Да. Подскажите, что делаю не так?

По первой же строчке кода

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home")

несложно понять, что весь стиль предназначен для изменения
внешнего вида страниц (новой вкладки и домашней браузера),
а не интерфейса браузера, и поэтому вставлять код нужно в userContent.css :dumb:

Отсутствует

 

№1323703-07-2023 09:16:43

Злой Буратино
Участник
 
Группа: Members
Зарегистрирован: 09-12-2011
Сообщений: 98
UA: Firefox 90.0

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

ОК, но стиль делает не то, что я просил.
Без стиля:
image.jpg
С применённым стилем:
image.jpg

Ячейки просто сдвинуты влево, их размер не увеличился.

Отредактировано Злой Буратино (03-07-2023 09:19:09)

Отсутствует

 

№1323803-07-2023 13:28:16

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

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

Злой Буратино
На самом деле стиль много чего делает, в частности заполняет значком всю доступную область значка и, не сдвигает влево, а уменьшает отступы между значками и кол-во значков в строке за счет значков следующей строки (просто у вас только одна строка в настройках разрешена), и убирает заголовки. Но это действительно все коряво выглядит, так как следующая строка становится короче. Я просто посмотрел, что там по быстрому сделать можно. Дальше заниматься этим у меня желания нет, есть масса расширений чтобы сделать домашнюю страницу нормальной, а это, сколько его не украшай, как было так и останется мусором, да еще и с телеметрией. Ради интереса посмотрите сколько [firefox] создает соединений в момент открытия домашней страницы.
   
Финальный код я все же оставлю здесь, добавил возможность поставить свою картинку в качестве фона - положить картинку рядом и обозвать background.jpg
скрин

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
:root {
    --newtab-primary-action-background: rgb(40,140,230) !important;
    background-color: #f5f5ff !important;
    background-image: url("./background.jpg") !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    color: #0c0c16 !important;
}
body {
    background-color: transparent !important;
}
/* Обводка поля поиска при фокусе */
input:focus-visible {
    border: none !important;
    outline: 1px solid var(--newtab-primary-action-background) !important;
    outline-offset: 0px !important;
}
#searchSubmit {
    border-radius: 8px !important;
}
/* Плитки */
.top-site-outer .tile .icon-wrapper {
    height: 90px !important;
    width: 90px !important;
}
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) {
    background: none !important;
    outline: 1px solid var(--newtab-primary-action-background) !important;
    outline-offset: 0px !important;
}
.top-site-outer .title {
    visibility: collapse !important;
    padding: 0 !important;
    margin-top: -15px !important;
}
/* Карточки */
.card-outer {
    background: transparent !important;
    border: 1px solid var(--newtab-background-color-secondary) !important;
    height: 266px !important;
}
.card-outer:hover {
    border: 1px solid var(--newtab-primary-action-background) !important;
}
.compact-cards .card-outer {
    height: 160px !important;
}
}

Отредактировано _zt (03-07-2023 13:32:42)

Отсутствует

 

№1323903-07-2023 19:42:44

Злой Буратино
Участник
 
Группа: Members
Зарегистрирован: 09-12-2011
Сообщений: 98
UA: Firefox 90.0

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

Как бы там ни было, спасибо :beer:

Отредактировано Злой Буратино (03-07-2023 19:43:16)

Отсутствует

 

№1324003-07-2023 20:41:16

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

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

Злой Буратино
Не знаю как в [firefox] 115, а в [firefox] 114 вроде работает, проверяйте -> https://forum.mozilla-russia.org/viewtopic.php?pid=800089#p800089


Win7

Отсутствует

 

№1324104-07-2023 13:06:39

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 79
UA: Firefox 102.0

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

Как заменить в урлбаре иконку "Перейти" (urlbar-go-button) в виде стрелки на иконку в виде лупы?

Отсутствует

 

№1324204-07-2023 15:01:26

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

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

doud
#urlbar-go-button, .search-go-button {
    list-style-image: url("...") !important;
}
+ margin-ы и возможно padding-и.

Отредактировано _zt (04-07-2023 15:14:44)

Отсутствует

 

№1324304-07-2023 15:23:57

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 79
UA: Firefox 115.0

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

_zt
Спасибо,получилось:beer:

Отсутствует

 

№1324404-07-2023 15:41:08

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

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

Oleg_V

только циферку до 0.1 уменьшил

0.1em при размере шрифта 12 близко к пикселю, так что лучше записать как 1px и можно не учитывать нативные меню, ибо в них по умолчанию 2px


Nero Wolfe

А как убрать border вокруг контекстного меня (которое по ПКМ)?

для многих из них используется переменная --panel-border-color, а в вивальди стилизация контекстных меню отдана под контроль OS, но я не пробовал также сделать в firefox


doud, какую svg задействовал?

Отсутствует

 

№1324504-07-2023 16:04:17

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 79
UA: Firefox 102.0

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

6e73epo
Стандартную, search-textbox.svg. Правда она блеклая, как бы ее раскрасить...

Отредактировано doud (04-07-2023 17:48:41)

Отсутствует

 

№1324604-07-2023 18:42:35

Oleg_V
Участник
 
Группа: Members
Зарегистрирован: 12-08-2021
Сообщений: 25
UA: Firefox 115.0

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

В фф115еср
-не нужную кнопку расширения (которая появилась рядом с кнопкой меню) можно убрать?
-и треугольничек "вкладки" справа вверху возле кнопок свернуть/развернуть/закрыть можно убрать?

Отредактировано Oleg_V (04-07-2023 18:59:24)

Отсутствует

 

№1324704-07-2023 18:47:35

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

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

Обновился :/ Есть стиль, который приведёт к прежнему, однострочному виду меню дополнений? Значок - название - шестерёнка. Сам только смог пробелы между ними немного уменьшить. Всё равно не то.

скрытый текст
b-126.png

Отсутствует

 

№1324804-07-2023 18:57:39

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

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

oleg.sgh

Выделить код

Код:

.unified-extensions-item-message {
  display: none;
}

Win7

Отсутствует

 

№1324904-07-2023 22:18:55

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

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

Делал когда то. По комментариям можно по разному настроить. Ну и ширину свою задать.

МЕНЮ РАСШИРЕНИЙ 111+

Выделить код

Код:

/***** МЕНЮ РАСШИРЕНИЙ 111+ ***************************************************/
/* https://forum.mozilla-russia.org/viewtopic.php?pid=805835#p805835 */
#unified-extensions-view {
    --uei-icon-size: 18px; /* значки */
    margin-top: -4px !important;
    width: 30em !important; /* ширина меню, синхр-ать с длиной сообщений + шестеренки (если не скрыты) */
}
/* бейджи - ~ три символа, например, у uBlock 1000+ пишется как >1k */
#unified-extensions-view .toolbarbutton-badge {
    margin: -3px 0 0 0 !important;
    margin-inline-end: -4px !important;
    font-size: 10px !important;
    line-height: 14px !important;
    max-width: 4em !important;
    padding: 0 !important;
}
/* нижняя часть списка - дополнения без кнопок на панели - далее на выбор */
/* #unified-extensions-view .unified-extensions-list, /* скрыть целиком */
/* или скрыть с исключениями, по ID или части ID расширения - далее 2 примера */
#unified-extensions-view .unified-extensions-list .unified-extensions-item:not([extension-id="@Imagus"],[extension-id^="select-after-closing"]),
#unified-extensions-view .panel-header /* заголовок меню */ {
    display: none !important;
}
#unified-extensions-view toolbaritem,
#unified-extensions-view unified-extensions-item {
    height: 29px !important;
    padding: 0 0 0 2px !important;
    margin: 0 2px 0 0 !important; /* если шестеренки скрыты */
}
#unified-extensions-view toolbarbutton {
    height: 29px !important;
    padding: 0 0 0 4px !important;
}
#unified-extensions-view .unified-extensions-item {
    height: 30px !important;
}
#unified-extensions-view .unified-extensions-item-menu-button {
    display: none !important; /* скрыть шестеренки */
    padding: 0 !important;
    margin: 0 2px 0 0 !important;
}
#unified-extensions-view .unified-extensions-item-name,
#unified-extensions-view .unified-extensions-item-message {
    height: 1.2em !important;
    width: 30em !important; /* длина заголовка и сообщения, без учета шестеренок */
    padding-right: 0 !important;
    margin-right: 0 !important;
    padding-inline: 0 !important;
    margin-inline: 0 !important;
}
#unified-extensions-view .unified-extensions-item-message {
/*    display: none !important; /* скрыть сообщения */
    font-size: 12px !important;
}
/* нижняя кнопка */
#unified-extensions-manage-extensions {
    margin: -6px 0 0 0 !important;
}
#unified-extensions-manage-extensions label {
    margin-block: 0;
    margin-inline: 10px !important;
}


   
Добавлено 04-07-2023 22:23:23
doud
Внутри fill=цвет, или в стиле fill:цвет. А если применено "всегда видна", то она и должна быть блеклой, если строка не в фокусе. Это общее правило. Можно попробовать нейтрализовать как то так - opacity: 1 !important;
   
Добавлено 04-07-2023 22:36:03
Oleg_V
Можно, и где вы потом искать значки расширений будете?
Все вкладки так, но затея тоже дурацкая. Кнопка удобна, даже при использовании TST.
#alltabs-button {
  display: none !important;
}

Отредактировано _zt (04-07-2023 22:36:17)

Отсутствует

 

№1325005-07-2023 00:23:07

Oleg_V
Участник
 
Группа: Members
Зарегистрирован: 12-08-2021
Сообщений: 25
UA: Firefox 115.0

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

_zt пишет

где вы потом искать значки расширений будете?

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

p.s. убрал кнопку расширений, ничего плохого не видно...

Добавлено 05-07-2023 00:25:34

_zt пишет

Все вкладки так, но затея тоже дурацкая. Кнопка удобна, даже при использовании TST.

в чем удобство, кроме случая открытых сотни вкладок?

p.s. убрал кнопку вкладки, доволен, спс за код

Отредактировано Oleg_V (05-07-2023 01:23:58)

Отсутствует

 

Board footer

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