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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№1175109-12-2021 17:51:42

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

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

Добавлено 09-12-2021 17:53:50
Sandro 79 пишет
Попробуйте такой код



Не работает

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

Отредактировано Ник 22 (09-12-2021 18:00:38)

Отсутствует

 

№1175209-12-2021 18:06:29

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

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

Ник 22 пишет

Не работает

Код рабочий 100%, сам собирал и проверял перед тем как выложить. Работает по указанным вами кнопкам.
Смотрите в своих стилях, может где-то скобка отсутствует или ненужный символ стоит.

Ник 22 пишет

но чтобы я ни делал не получается сделать подобный код для других кнопок

А что вы делали, если не секрет?

Отсутствует

 

№1175309-12-2021 18:13:40

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

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

Sandro 79 пишет

А что вы делали


скрытый текст
#home-button:is(:hover:active,:hover,:active, [open]) > stack {
    background-color: GreenYellow !important;
}

#reload-button:is(:hover:active,:hover,:active, [open]) > stack {
    background-color: GreenYellow !important;
}

#forward-button:is(:hover:active,:hover,:active, [open]) > stack {
    background-color: GreenYellow !important;
}

Но почему то не работает.

Вот проверил на чистом Userchrome и ваш код работает. Значит что то у меня не так. Но почему тогда работают две кнопки, не понятно.

Отредактировано Ник 22 (09-12-2021 18:23:23)

Отсутствует

 

№1175409-12-2021 18:22:44

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

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

Ник 22 пишет

скрытый текст
Но почему то не работает.

Ну да, и не должно работать. Методом тыка так бывает случается. Если это у вас не работает, то других вариантов у меня нет.

Отсутствует

 

№1175509-12-2021 19:08:31

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

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

Ник 22 пишет

Значит что то у меня не так. Но почему тогда работают две кнопки, не понятно

Видимо у вас есть примерно такое в коде :root {--toolbarbutton-hover-background: GreenYellow !important;}, и мой код не отрабатывает поэтому. Не уверен.
Попробуйте такой простецкий вариант

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

Выделить код

Код:

:is(#back-button, #forward-button, #reload-button, #stop-button, #home-button):hover > .toolbarbutton-icon {
    background-color: GreenYellow !important;
}

Отсутствует

 

№1175609-12-2021 20:51:31

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

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

Sandro 79 пишет

Видимо у вас есть примерно такое в коде



О-о-о! Вы гений.  Я очень долго искал этот код и вот свершилось. Добавив к Вашему коду свой код для двух кнопок о которых я упоминал выше теперь у меня подсвечиваются все кнопки. Спасибо Вам огромное. Удачи!!!

Отредактировано Ник 22 (09-12-2021 20:52:07)

Отсутствует

 

№1175709-12-2021 22:04:09

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

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

Каким кодом два пункта переместить в основное меню и скрыть ненужный пункт?
56.png

Отсутствует

 

№1175809-12-2021 23:07:10

Letterman
Участник
 
Группа: Members
Зарегистрирован: 13-01-2017
Сообщений: 53
UA: Firefox 95.0

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

Нашел код для изменения цвета рамки адресной строки. Помогите добавить возможность задать толщину этой рамки, когда адресная строка активна и неактивна.
И если возможно, как этот код изменить для строки поиска?

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

Выделить код

Код:

#urlbar[breakout] > #urlbar-background {
   --toolbar-field-border-color: ThreeDShadow !important;
   --toolbar-field-focus-border-color: red !important;
   box-shadow: none !important;
}

Отредактировано Letterman (09-12-2021 23:32:37)

Отсутствует

 

№1175910-12-2021 04:22:28

roadrunner
Участник
 
Группа: Members
Зарегистрирован: 18-08-2011
Сообщений: 34
UA: Firefox 95.0

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

Подскажите, как в протоне убрать закругление, чтобы, было как слева

26539bf85aac7132a2d8e5c8521abd1d.png

Отсутствует

 

№1176010-12-2021 12:10:11

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

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

Ник 22 пишет

Удачи!!!

Спасибо, и Вам удачи!

Letterman пишет

задать толщину этой рамки, когда адресная строка активна и неактивна. И если возможно, как этот код изменить для строки поиска?

Наверно вы хотите сделать рамку тоньше при фокусе. Попробуйте один из вариантов кодов

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

Выделить код

Код:

#urlbar > #urlbar-background, #searchbar {
  border: 1px solid ThreeDShadow !important;
  box-shadow: none !important;
}
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background, #searchbar:focus-within {
  border: 1px solid red !important;
  outline: none !important;
}

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

Выделить код

Код:

:root {
  --focus-outline-width: 1px !important;
}
#urlbar[breakout] > #urlbar-background, #searchbar {
  --toolbar-field-border-color: ThreeDShadow !important;
  --toolbar-field-focus-border-color: red !important;
  box-shadow: none !important;
}

roadrunner пишет

Подскажите, как в протоне убрать закругление, чтобы, было как слева

Ну у вас явно стиль добавляет справа такой радиус, в протоне по дефолту такого разброса радиусов нет, уберите корявый код и будет как слева.
Так можно настроить величину радиуса

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

Выделить код

Код:

#urlbar-background, #searchbar {
  border-radius: 2px !important;
}

или так

Выделить код

Код:

:root {
  --toolbarbutton-border-radius: 2px !important;
}

Отсутствует

 

№1176110-12-2021 12:28:35

Letterman
Участник
 
Группа: Members
Зарегистрирован: 13-01-2017
Сообщений: 53
UA: Firefox 95.0

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

sandro79 пишет

Наверно вы хотите сделать рамку тоньше при фокусе. Попробуйте один из вариантов кодов

Вы совершенно правы. Спасибо, все работает как надо.

Отсутствует

 

№1176211-12-2021 02:56:31

Palych177
Участник
 
Группа: Members
Зарегистрирован: 26-06-2019
Сообщений: 19
UA: Chrome 96.0

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

Добрый день! Заметил, что в версии 95.0 кнопку меню (UI, три полоски, "гамбургер") невозможно перенести через настройки (сейчас находится сразу после адресной строки). Подскажите, пожалуйста, что прописать в CSS, чтобы перенести ее в крайне правое положение?

Максимум, что смог сам - вот так криво:

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

Выделить код

Код:

#PanelUI-button {
    display: block;
    position: fixed;
    right: 120px !important;
    margin: 5px 0px 0px 0px !important;
}

Еще вопрос: как прибить (и надо ли) значок защищенного соединения? "browser.uidensity": значение уже установлено 1.


PS: поведение панели "Найти на странице" и "Показать ваш журнал" настраиваются через CSS, или это вопросы для другого раздела форума?

Отредактировано Palych177 (11-12-2021 04:26:23)

Отсутствует

 

№1176311-12-2021 12:42:36

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

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

Palych177 пишет

Заметил, что в версии 95.0 кнопку меню (UI, три полоски, "гамбургер") невозможно перенести через настройки (сейчас находится сразу после адресной строки)

А в версии 78 или 94 переносилась? Она и так в крайне правом положении уже по дефолту. Ничего не понял. Так можно на левый край перенести.

как прибить (и надо ли) значок защищенного соединения?

Скрыть можно, а надо ли - это вам решать

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

Выделить код

Код:

#tracking-protection-icon-container {
  display: none !important;
}

поведение панели "Найти на странице" и "Показать ваш журнал" настраиваются через CSS

Смотря что. Если это, то решается скриптом. Модифицированный поиск, вверху, поверх контента. Так ещё. По журналу тоже смотря что наверно.

скрытый текст
Чтоб тут со скриптами не рассусоливать - ссылка на готовый комплект. Недавно человеку собирал для окна загрузок, добавил туда скрипт запрета скрытия панели поиска.

Отсутствует

 

№1176411-12-2021 15:47:29

Palych177
Участник
 
Группа: Members
Зарегистрирован: 26-06-2019
Сообщений: 19
UA: Chrome 96.0

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

sandro79, спасибо вам за советы!

sandro79 пишет

А в версии 78 или 94 переносилась? Она и так в крайне правом положении уже по дефолту. Ничего не понял. Так можно на левый край перенести.

Я как-то за версиями не следил, и у меня был большой перерыв в пользовании Лисой. Помню, что раньше кнопка перетаскивалась. По поводу правого положения по дефолту - вы правы, а я ступил. Просто первое действие после установки Лисы у меня - свернуть интерфейс в одну строку. А, когда одна строка, гамбургер по дефолту уходит в позицию сразу после адресной строки. Минимизацию интерфейса делал так:

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

Выделить код

Код:

/* Title bar */
.titlebar-spacer {
    display: none !important;
}

/* Tab bar */
#navigator-toolbox {
    border: 0px !important;
}

#TabsToolbar {
    margin-left: 20vw !important;
}

/* Nav bar*/
#nav-bar {
    background: transparent !important;
    margin-top: -36px !important;
    margin-right: 80vw !important;
}

/* URL bar */
#tracking-protection-icon-container {
    display: none !important;
}

#urlbar-container {
    min-width: 100px !important;
}

#urlbar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

f92ef6e3415et.jpg

Теперь хочу перенести гамбургер куда-нибудь направо, но выходит коряво:

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

Выделить код

Код:

/* Title bar */
.titlebar-spacer {
    display: none !important;
}

/* Tab bar */
#navigator-toolbox {
    border: 0px !important;
}

#TabsToolbar {
    margin-left: 20vw !important;
}

/* Nav bar*/
#nav-bar {
    background: transparent !important;
    margin-top: -36px !important;
    margin-right: 80vw !important;
}

/* URL bar */
#tracking-protection-icon-container {
    display: none !important;
}

#urlbar-container {
    min-width: 100px !important;
}

#urlbar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* ДОБАВЛЕНО */

#PanelUI-button {
    display: block;
    position: fixed;
    right: 120px !important;
    margin: 5px 0px 0px 0px !important;
}

e1a34bcb2d34t.jpg

Подскажите, как бы сделать это более правильно!


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

Отредактировано Palych177 (11-12-2021 15:51:26)

Отсутствует

 

№1176511-12-2021 18:20:46

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

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

Palych177
Да, подключил код, посмотрел скриншот, теперь понятно стало. Нет, не знаю как это пофиксить.
Пробелов, как у вас, у себя не увидел. Смотрел и на [windows] 10 тоже. Подрезать табы можно так

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

Выделить код

Код:

:root {
  --tab-min-height: 26px !important;
  --tab-block-margin: 0px !important;
}

Уменьшение кнопок управления окном для win10
Эджем и т.п. не пользуюсь, но вряд ли такое поведение журнала стилями возможно сделать, я не знаю.

Добавлено 11-12-2021 18:29:58
Возьмите этот стиль, включите боковую панель и журнал у вас будет выезжать по наведению указателя мыши поверх контента.

Отредактировано sandro79 (11-12-2021 18:29:58)

Отсутствует

 

№1176613-12-2021 17:59:06

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 82
UA: Firefox 90.0

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

Vitaliy V., здравствуйте!
Я опять со своей панелью навигации :)
Для 90 вы делали код, уменьшающий высоту панели:
https://forum.mozilla-russia.org/viewto … 22#p790422

Но в 95 панель с этим кодом немного увеличилась.
Увеличилась на 2 пикселя верхняя часть панели (та, где плюсик и названия вкладок).
Нижняя часть панели (та, где поле адреса) осталась в 95 такой же, как в 90.

Не могли бы подправить код под 95, чтоб было, как в 90 ?

Спасибо!

Отсутствует

 

№1176718-12-2021 12:18:15

Арно
Участник
 
Группа: Members
Зарегистрирован: 27-06-2015
Сообщений: 30
UA: Firefox 89.0

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

Как уменьшить высоту верхней панели?
f32f9d6966fet.jpg

Отсутствует

 

№1176818-12-2021 14:54:56

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

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

Арно пишет

Как уменьшить высоту верхней панели?

Верхняя -> "Панель меню", а эта "Панель вкладок", попробуйте так:

Выделить код

Код:

#titlebar,
#tabbrowser-tabs {
    --tab-min-height: 26px !important;
}

Win7

Отсутствует

 

№1176919-12-2021 16:25:54

Арно
Участник
 
Группа: Members
Зарегистрирован: 27-06-2015
Сообщений: 30
UA: Firefox 89.0

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

kokoss пишет

Арно пишетКак уменьшить высоту верхней панели?Верхняя -> "Панель меню", а эта "Панель вкладок", попробуйте так:Выделить кодКод:#titlebar,
#tabbrowser-tabs {
    --tab-min-height: 26px !important;
}

Ничего не меняется.

Отсутствует

 

№1177019-12-2021 16:58:08

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 95.0

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

Арно
№10149

Отсутствует

 

№1177119-12-2021 17:03:21

Арно
Участник
 
Группа: Members
Зарегистрирован: 27-06-2015
Сообщений: 30
UA: Firefox 89.0

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

Спасибо, это сработало!:)

Отсутствует

 

№1177219-12-2021 17:17:06

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

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

Арно пишет

Ничего не меняется.

Видимо у вас и так был размер 26px, просто бы изменили на 24px или меньше, и увидели бы разницу.


Win7

Отсутствует

 

№1177319-12-2021 19:27:33

Арно
Участник
 
Группа: Members
Зарегистрирован: 27-06-2015
Сообщений: 30
UA: Firefox 89.0

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

kokoss пишет

Арно пишетНичего не меняется.Видимо у вас и так был размер 26px, просто бы изменили на 24px или меньше, и увидели бы разницу.

Да Win 7.
Я ставил 10px - ничего не менялось.

Отредактировано Арно (19-12-2021 19:28:19)

Отсутствует

 

№1177419-12-2021 19:40:15

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 95.0

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

Арно пишет

Да Win 7.

Win7 это не вопрос был, это у kokoss в подписи. :)

Отсутствует

 

№1177520-12-2021 18:04:21

Gruz_
Участник
 
Группа: Members
Зарегистрирован: 29-12-2015
Сообщений: 8
UA: Firefox 95.0

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

Здравствуйте. Помогите  решить проблему, каждый раз когда запускаю браузер приходится также заново включать тему arc_dark_theme, так как она постоянно слетает.  И можно ли как-то вернуть меню выбора темы в (настройках панели инструментов)

Отсутствует

 

Board footer

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