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

sandro79 · №11601

Ник 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;
}

Letterman · №11602

sandro79 пишет

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

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

Palych177 · №11603

Добрый день! Заметил, что в версии 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)

sandro79 · №11604

Palych177 пишет

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

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

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

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

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

Выделить код

Код:

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

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

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

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

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

Palych177 · №11605

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

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

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

Выделить код

Код:

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

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

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

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

sandro79 · №11606

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)

usalex · №11607

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

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

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

Спасибо!

Арно · №11608

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

kokoss · №11609

Арно пишет

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

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

Выделить код

Код:

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

Арно · №11610

kokoss пишет

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

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

voqabuhe · №11611

Арно
№10149

Арно · №11612

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

kokoss · №11613

Арно пишет

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

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

Арно · №11614

kokoss пишет

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

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

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

voqabuhe · №11615

Арно пишет

Да Win 7.

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

Gruz_ · №11616

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

voqabuhe · №11617

Gruz_ пишет

И можно ли как-то вернуть меню выбора темы в (настройках панели инструментов)

Зачем, разве это удобно так выбирать?

Gruz_ · №11618

voqabuhe пишет

Gruz_ пишет
И можно ли как-то вернуть меню выбора темы в (настройках панели инструментов)
Зачем, разве это удобно так выбирать?

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

voqabuhe · №11619

Gruz_
Есть же кнопка, в которой действительно удобно переключать и темы и дополнения. №9129

Отредактировано voqabuhe (20-12-2021 21:20:52)

sandro79 · №11620

Gruz_ пишет

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

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

На чистом профиле то же самое? Вряд ли.

И можно ли как-то вернуть меню выбора темы в (настройках панели инструментов)

userChrome.css вряд ли на такое способен.
Есть способ добавить кнопку, но может лучше вам починить профиль браузера, чтоб не идти в дополнения и темы и там включать тему.
Добавить меню вкл/откл дополнений и тем можно на панель инструментов этой кнопкой.
Для запуска кода кнопки можно использовать этот комплект (README), или method 2 отсюда. Или экстрим-метод.
Здесь под вторым спойлером есть ссылка на готовый комплект с кнопкой, лишнее можно выкинуть, скрипты взяты из топиков по ссылкам выше и с этого форума.
Или можно установить дополнение add_toolbar_buttons с кнопкой в комплекте отсюда.

voqabuhe · №11621

Кто-нибудь нашёл решение, как теперь скрыть кнопки прокрутки вкладок?

sandro79 · №11622

voqabuhe пишет

Кто-нибудь нашёл решение, как теперь скрыть кнопки прокрутки вкладок?

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

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

Выделить код

Код:

#tabbrowser-arrowscrollbox::part(scrollbutton-up), 
#tabbrowser-arrowscrollbox::part(scrollbutton-down) {
  display: none !important;
}

Но у себя, начиная с 95, подобного конфликта кода #scrollbutton-up, #scrollbutton-down {display: none !important;} с папками на панели закладок не увидел, может не все условия совпадают.

voqabuhe · №11623

sandro79 пишет

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

О, спасибо. Это сработало.

Но у себя, начиная с 95, подобного конфликта кода #scrollbutton-up, #scrollbutton-down {display: none !important;} с папками на панели закладок не увидел, может не все условия совпадают.

А закладок в папке достаточно, чтоб там тоже появились стрелки прокрутки?

sandro79 · №11624

voqabuhe пишет

А закладок в папке достаточно, чтоб там тоже появились стрелки прокрутки?

Нет, теперь добавил. Увидел проблему вроде частично - закладки у меня открываются, ну верхнюю разве что сложно "поймать".
Ещё мысль пришла. Можно попробовать без использования custom_styles_chrome_author.css
Если в этом коде заменить display: none на visibility: collapse - стрелки прокрутки в списке будут скрыты, но косяк с прокруткой должен исчезнуть.

xrun1 · №11625

sandro79
Точно, изменил стиль
https://github.com/Aris-t2/CustomCSSfor … llbars.css
Замена display: none на visibility: collapse даёт для меня вполне приемлемый результат (это для панели закладок): кнопок нет, кроме случая начала или конца списка, но строка прокрутки есть. И не прокручивается в конец при движении мышкой. Для меня строки достаточно.

Добавлено 22-12-2021 01:29:57
shadow_user
Я тут внимательнее посмотрел старый скрипт Aris-t2. Может, Вам подойдёт убрать лишнее и оставить вариант только для [firefox] v76+?

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

Выделить код

Код:

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/* Fx60-69 */
menupopup scrollbox {
  overflow-y: auto !important
}

menupopup :-moz-any(.autorepeatbutton-up, .autorepeatbutton-down, .scrollbutton-up, .scrollbutton-down) {
  display: none !important;
}

/* Fx70 */
link[href$="global.css"] ~ hbox arrowscrollbox scrollbox {
  overflow-y: auto !important;
}

link[href$="global.css"] ~ hbox arrowscrollbox :-moz-any(.scrollbutton-up, .scrollbutton-down) {
  display: none !important;
}

/* Fx71+ */
link[href$="global.css"] ~ scrollbox {
  overflow-y: auto !important;
}

link[href$="global.css"] ~ .menupopup-scrollbutton {
  display: none !important;
}

/* Fx76+ */
link[href$="arrowscrollbox.css"] ~ scrollbox[orient="vertical"],		/* Fx76-80 */
link[href$="arrowscrollbox.css"] ~ .scrollbox-clip scrollbox[orient="vertical"] {		/* Fx81+ */
  overflow-y: auto !important;
}

link[href$="arrowscrollbox.css"] ~ #scrollbutton-up,
link[href$="arrowscrollbox.css"] ~ #scrollbutton-down {
  display: none !important;
}

Отредактировано xrun1 (22-12-2021 01:29:57)

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

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

Код:

Код:

Код:

Код:

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

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

Код:

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

Код:

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

Код:

Код:

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

Код:

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

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

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

Код:

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

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

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

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

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

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

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

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

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

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

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

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

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

Код:

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

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

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

Код:

Board footer