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

Юристы зарабатывают огромные деньги и славу, оперируя хорошим знанием законов. Правила форума — простой путь к успешному общению.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 03-11-2024 13:20:36

Уместно ли в этой ветке спрашивать, как-что поменять стилем в форке r3dfox ???

Где можно посмотреть/узнать названия полей, которые далее меняются стилями?
К примеру, есть код для фф115еср для скрытия с панели иконки расширений. Работает прекрасно

Выделить код

Код:

/* убрать кнопку расширения */
#unified-extensions-button {
  width: 0.1px;
  padding-inline: 0 !important
}
#unified-extensions-button > .toolbarbutton-icon {
  width: 0 !important;
}

Однако на форке r3dfox 128еср код не прячет иконку расширений
То есть, явно изменили названия полей
Вот как их узнать, чтобы прописать в указанный стиль?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-07-2023 19:09:23

_zt пишет

Разница в том что у закрепленных нет разделителей, а в вашем у части закрепленных разделителей нет, а у остальных есть.

не согласен
закрепил по 1шт 5 вкладок
каждый раз проверял наличие разделителя
каждый раз все разделители были. между всеми вкладками
вот итог 5 закрепленных вкладок
ME16M3GE_t.png

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-07-2023 00:33:28

_zt пишет

А вот так вот. Все целиком на замену ранее придуманного.

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-07-2023 00:25:02

_zt пишет

Три варианта, но все работают только до появления скроллбара.

то, что надо, буду пробовать, спс

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-07-2023 10:37:49

_zt
А можно стиль, чтобы нарисовать тонкую полоску слева и справа от кнопки "Открыть новую вкладку" (крестик справа на панели вкладок)
полоску по всей высоте панели вкладок, а не только по высоте этой кнопки (кнопка меньше высоты панели)
может так будет лучше
вот так чтобы выглядело
ME16LXNX_t.png


_zt пишет

Там еще косяк есть при закрепленных вкладках.

да, вижу
но мне не актуально
хотя, конечно, хочется универсальное решение

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-07-2023 21:31:34

_zt

_zt пишет

Попробуйте в своем коде добавить  right: 1px;

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-07-2023 18:18:40

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

заменил свой код на ваш
но все равно в конце списка вкладок нет разделителя. а именно там мне режет глаз
вот смотрите
скрин1, когда последняя вкладка активна. есть полоска в конце
скрин2, когда последняя вкладка не активна. сплошняк, некрасиво
ME16LUL0_t.png ME16LUL1_t.png

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 09-07-2023 23:10:10

Помогите поправить стиль, плиз
Рисует тонкую разделительную линию между неактивными вкладками
Но рисует ее перед вкладкой
в результате нет линии после последней вкладки, что некрасиво
сам так и не смог победить/исправить
[spoiler][code]
/* Unselected Tab - Divide line */
#tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[first-visible-unpinned-tab] .tab-background::before,
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-child) .tab-background::before,
#tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:not([visuallyselected], [multiselected], :hover)[last-visible-tab] .tab-background::after {
   /* Box Model */
   content:  "";
   display:  block;
   position: absolute;
   bottom:   0%;

   /* Bar shape */
   width:     1px;
   height:   40px;
   overflow: hidden;

   /* Bar Color */
   opacity: var(--tab-separator-opacity);
   transition: opacity .2s var(--ease-basic) !important;
   background-color: color-mix(in srgb, currentColor 20%,

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-07-2023 00:23:07

_zt пишет

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

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

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

05-07-2023 00:25:34

_zt пишет

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

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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 04-07-2023 18:42:35

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 01-07-2023 19:51:19

FindBar (брал тут в ветке) для 102еср
На 115еср не работает. Вообще не появляется никакого окна по Ctrl-F
Жаль...
Side Bar тут же с форума, как ни странно, работает. Ну по крайней мере выползает и показывает то, что и было на 102еср (больше пока не проверял)
Да и настройки некоторые в userChrome.css : масштабирования, иконок в панеле расширений, в строке адреса, меню бутерброд, меню по ПКМ - поплыли. Надо все проверять и исправлять
Вечно они с каждым обновлением все гадят. Не могут жить спокойно

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 30-06-2023 23:25:27

6e73epo
спс, работает. только циферку до 0.1 уменьшил

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 30-06-2023 14:27:05

Подскажите, плиз
ФФ102еср
в userChrome.css для подменю по правой кнопке мыши есть такой код
там сначала цвета настраиваются
потом
/* уменьшить отступ между строк меню по ПКМ */
menupopup > menuitem, menupopup > menu {
   padding-block: 0px !important;
   padding-inline-start: 12px !important;
}
/* выровнять положение подменю... необязательно */
menupopup > menu > menupopup {
   margin-inline-start: -7px !important;
   margin-top: -5px !important;
}
все красиво, но не нравится положение треугольников для подменю, справа, сильно далеко от края (см скрин)
можно их подвинуть?
ME16K75G_t.png

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 30-07-2022 18:36:33

Привет
Использую модуль Find Bar из этой темы. Все радует. На 91еср.
Начал постепенно настраивать 102еср
и find bar делает окно набора строки поиска серым (такого же цвета само окно и такой же цвет панели фокс)
А ранее было окно набора строки поиска белое
как исправить? заодно и слова убрать "Найти на странице"
ME1558V1_t.png ME1558V3_t.png

дополнительно, хотелось бы изменить цвет панели вкладок на потемнее и цвет панели иконок расширений на тоже потемнее, но светлее панели вкладок (из скрин 2 сделать цвета скрин1). не меняя при этом установленную тему
какой код/стиль для этого нужен на 102еср

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-08-2021 17:27:31

Gheorgich пишет

если для значков выбран режим "мобильный вид", у меня "обычный".

у меня тоже "обычный", не "мобильный". и работает...

Gheorgich пишет

Но расстояние уменьшилось за счет уменьшения самих кнопок

не заметил у себя уменьшения кнопок.
--toolbarbutton-inner-padding: 5px !important;
этот параметр, чем больше число, тем ближе кнопки и тем, по идее, меньше у вас значки, хотя у себя не вижу уменьшения

Gheorgich пишет

Остался какой-то зазор.

--toolbarbutton-outer-padding: 1px !important;
вот этот параметр. я оставил 1 пиксел зазора. сделайте 0


p.s. может у вас компактный режим включен, поэтому немного другая реакция? я не включал...
browser.compactmode.enabled -> true

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-08-2021 16:49:13

Gheorgich пишет

А расстояние между иконками на панели инструментов (рядом с адресной панелью) регулируется как-то в сторону уменьшения?

вот так

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

Выделить код

Код:

:root:not([uidensity="touch"]) {
/* Mini Icon */
   --toolbarbutton-outer-padding: 1px !important;
   --toolbarbutton-inner-padding: 5px !important;
   --toolbar-start-end-padding:   5px !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-08-2021 12:43:47

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

скрытый текст
ME13QJVX_t.png ME13QJVY_t.png

на 90.0.0 задал --tab-min-height: 32px !important;
и этого хватало для двух строк на вкладке
а на 90.0.1 уже надо 38 пикселов, чтобы влезало. а значит основной экран уменьшается по высоте (хотя его уже и так уменьшили по высоте по сравнению с 78 версией за счет нового интерфейса)

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 15-08-2021 18:29:04

sandro79 пишет

Oleg_V пишет
    как указать именно этим подменю по ПКМ использовать тему firefox ?
Код с под спойлера отсюда должен помочь.

спасибо, все получилось

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 15-08-2021 00:13:09

проблема такая на win10 обнаружилась
на 91esr

по правой кнопке мыши меню использует цветовую тему системы (темную)
в то время как все остальные элементы используют цветовую схему firefox (светлую)
то есть about:config или about:preferences белые. меню гамбургер белое, кнопка библиотеки белая
а вот на странице или на вкладке по ПКМ подменю выпадает черное

как указать именно этим подменю по ПКМ использовать тему firefox ?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 13-08-2021 17:00:19

harryk пишет

В 91 поломались желтые папки в закладках

не то ? мне не надо, не проверял
https://forum.mozilla-russia.org/viewto … 75#p793575

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 13-08-2021 16:04:28

oleg.sgh пишет

#urlbar-zoom-button > .toolbarbutton-text {
    margin-bottom: 5px !important;
}

_zt пишет

#urlbar-zoom-button .toolbarbutton-text {
    margin: 0 0 0 !important;
}

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 13-08-2021 10:55:58

oleg.sgh пишет

Взять нужное: анимация, размер шрифта, отступы, цвет, закругление.

немного не то...
да, эти коды меняют размер иконки, цвет, размер шрифта, местоположение иконки по высоте в urlbar
но сам текст внутри иконки так же остается прижатым к низу иконки


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

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

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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 13-08-2021 01:12:19

sandro79 пишет

Попробуйте фикс ниже, взятый из кода отсюда

спасибо, все работает, не дергается


2. Еще вопрос:
в адресной строке есть окно масштаба (не знаю от расширения или от самого фокса), см скрин
можно стилями регулировать это окно?
например, текст центрировать по вертикали, как видно на скрине текст прижат вниз
уголки закруглить, как было на 78esr, а тут на 91esr почету-то углы квадратные...

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-08-2021 21:30:09

Подскажите, плиз
1. Как задать фиксированную ширину для иконок расширений на панели?

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

Ситуация такая.
На предыдущей версии 78esr иконки стояли строго на одном месте. есть одна цифра на иконке или трехзначная цифра на иконке. Все равно иконка занимала определенное место на панели
А после обновления на 91esr иконки стали чуть двигаться. То есть вот на скрине иконка масштаба (расширение zoom_page_we). показан масштаб 130. если открыть страницу с масштабом 90, то на иконке цифра с трех знаков 130 смнеится на два знака - 90 и иконка будет занимать более узкое место и остальные иконки слева от нее чуть сдвинутся вправо.
то же относится к иконкам uBlock, tampermonk, короче к иконкам с цифрами
Вот подумалось, может можно стилем задать фиксированную ширину для всех иконок, например 20 пикселов, и они будут на месте, как было в 78esr

Board footer

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