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

dioxin · №13576

У меня только не получается удалить значок расширений в виде пазла. Метод с прошлой страницы не помог. Погуглив форумы, если я правильно понял, он теперь как то по новому работает и убрать совсем нельзя?

Отредактировано dioxin (10-01-2024 00:23:11)

kokoss · №13577

dioxin пишет

он теперь как то по новому работает и убрать совсем нельзя?

Можно, но лучше этого не делать, как вариант переместить:

Выделить код

Код:

#unified-extensions-button {
   order: -1;
}

dioxin · №13578

kokoss пишет

Можно, но лучше этого не делать, как вариант переместить

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

Отредактировано dioxin (10-01-2024 01:32:25)

6e73epo · №13579

dioxin если кнопку съемной сделать, то дает, но позже понимаешь, что в этом нет смысла. Лучше переместить на панель закладок в правый угол и скрыть значок.

Vah пишет

В Vivaldi (Chrome) можно сделать через CSS

И где этот чудо код? Сделать не сложно. На приведенном скрине нет ни одной вкладки с однострочным названием. Интересно посмотреть, по центру ли выравнивание

Отредактировано 6e73epo (10-01-2024 13:49:59)

f480185 · №13580

kokoss пишет

f480185

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root { /* Компактный режим в menupopup */
    --arrowpanel-menuitem-margin: 0px !important;
    --arrowpanel-menuitem-margin-inline: 0px;
    --arrowpanel-menuitem-margin-block: 0px;
    --arrowpanel-menuitem-padding-block: 2px !important;
    --arrowpanel-menuitem-padding-inline: 0px;
    --arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) 8px !important;
    --arrowpanel-menuitem-border-radius: 0px !important;
    --arrowpanel-border-radius: 0px !important;
    --arrowpanel-header-back-icon-padding: 2px !important;
}
}

Добавлено 09-01-2024 23:59:45

dioxin пишет

Закрывающую скобку не забыли?

Да, забыл!

Файл посмотрите,пожалуйста, в чем ошибка https://dropmefiles.com/EI8KQ

Отредактировано f480185 (10-01-2024 17:56:47)

kokoss · №13581

f480185
Нет закрывающей скобки в коде:

Выделить код

Код:

#unified-extensions-button > .toolbarbutton-icon{
    width: 0 !important;

f480185 · №13582

kokoss пишет

f480185
Нет закрывающей скобки в коде:
Выделить код
Код:
#unified-extensions-button > .toolbarbutton-icon{
    width: 0 !important;

Данный код у меня работает,а вот этим проблемы

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root { /* Компактный режим в menupopup */
    --arrowpanel-menuitem-margin: 0px !important;
    --arrowpanel-menuitem-margin-inline: 0px;
    --arrowpanel-menuitem-margin-block: 0px;
    --arrowpanel-menuitem-padding-block: 2px !important;
    --arrowpanel-menuitem-padding-inline: 0px;
    --arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) 8px !important;
    --arrowpanel-menuitem-border-radius: 0px !important;
    --arrowpanel-border-radius: 0px !important;
    --arrowpanel-header-back-icon-padding: 2px !important;
}
}

kokoss · №13583

f480185 пишет

Данный код у меня работает,а вот этим проблемы

И этот работает?

Выделить код

Код:

menupopup > menuitem, menupopup > menu {
	padding-block: 2px !important;
	margin: 0px !important;
	min-height: 0px !important;
	border-radius: 0px !important;
}

f480185 · №13584

kokoss пишет

f480185 пишет
Данный код у меня работает,а вот этим проблемы
И этот работает?
Выделить код
Код:
menupopup > menuitem, menupopup > menu {
	padding-block: 2px !important;
	margin: 0px !important;
	min-height: 0px !important;
	border-radius: 0px !important;
}

Да, этот стиль тоже не работает.
Можно Вас попросить исправить мой файл и отправить мне ссылку на файл.
Ссылка на файл https://dropmefiles.com/EI8KQ

6e73epo · №13585

f480185 вы сразу выкладывайте всю папку chrome и на нормальный аплоадер https://www.upload.ee, и сразу десятки людей проверят и скажут, почему не работает

f480185 · №13586

6e73epo пишет

f480185 вы сразу выкладывайте всю папку chrome и на нормальный аплоадер https://www.upload.ee, и сразу десятки людей проверят и скажут, почему не работает

В папке chromе есть только файл userChrome.css
Ссылка на файл
https://www.upload.ee/files/16148969/us … e.css.html

kokoss · №13587

f480185 пишет

Да, этот стиль тоже не работает.
Можно Вас попросить исправить мой файл и отправить мне ссылку на файл.

Я же вам уже подсказал в чём причина, давайте ещё раз продублирую

Add, закрывающая скобка -> }

Отредактировано kokoss (10-01-2024 22:29:10)

6e73epo · №13588

f480185 ссылка на файл
В about:config выставить browser.uidensity = 1

Mrakobes666 · №13589

Подскажите как изменить эту строку поиска (сделать выше, убрать линию и синее выделение, убрать отображающийся текст)

И как убрать меню сторонних приложений?

А также изменить адресную строку (синее выделение и высота)

kokoss · №13590

Mrakobes666 пишет

А также изменить адресную строку (синее выделение и высота)

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
   --urlbar-min-height: 26px !important;
   --urlbar-icon-padding: 4px !important;
   --urlbar-container-padding: 0px !important;
   --toolbar-field-focus-border-color: transparent !important;
}
}

Добавлено 11-01-2024 21:22:59

Mrakobes666 пишет

Подскажите как изменить эту строку поиска (сделать выше

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

Выделить код

Код:

#sidebar-search-container {
  padding: 2px !important;
}

Отредактировано kokoss (11-01-2024 22:14:46)

Vah · №13591

6e73epo пишет

Vah пишет
В Vivaldi (Chrome) можно сделать через CSS
И где этот чудо код? Сделать не сложно. На приведенном скрине нет ни одной вкладки с однострочным названием. Интересно посмотреть, по центру ли выравнивание

На форуме Vivaldi https://forum.vivaldi.net/topic/85469/t … ws-of-text нашёл код без ораничения числа строк и выравнивания:

.tab-position .tab .title {
align-items: start; white-space: pre-line;
line-height: 9px; height: 18px; font-size: smaller;
text-transform: uppercase; letter-spacing: .2px;
}

Почитал матчасть, поэкспериментировал, в итоге с однострочным выравниванием на данный момент такой вариант:

.tab-position .tab .title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-align: center;
overflow: hidden;

align-items: center; white-space: pre-line;
font-family: "Segoe UI";
line-height: 12px; height: 24px; font-size:10px;

margin-top: -4px !important;
margin-left: -5px !important;
}

Отредактировано Vah (11-01-2024 23:22:29)

6e73epo · №13592

Vah подстроите под себя

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

Выделить код

Код:

.tab-label {
  align-items: center;
  display: inline-grid !important;
  overflow: hidden;
  word-break: break-all;
  white-space: unset !important;
  height: 27px;
  line-height: 1.1 !important;
}

Vah · №13593

6e73epo, спасибо ОГРОМНОЕ! Как я рад

Mrakobes666 · №13594

kokoss

спасибо)) А все же как изменить меню - убрать пункты расширений (fox replace, singl file), как на скрине

а с поиском в панели я решил таким образом

/*строка поиска в библиотеке*/
#sidebar-search-container #search-box {
padding: 14px 4px 14px 4px !important;
margin: -8px !important;
-moz-appearance: none !important;
background-color: #F0F0F4 !important;
border: 0px solid #ccc !important}

Отредактировано Mrakobes666 (12-01-2024 13:56:33)

kokoss · №13595

Mrakobes666 пишет

убрать пункты расширений (fox replace, singl file), как на скрине

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

Выделить код

Код:

#button_fox_replace_fx-sidebar-action,
#button__531906d3-e22f-4a6c-a102-8057b88a1a63_-sidebar-action,
#sidebar-extensions-separator {
  display: none;
}

Mrakobes666 · №13596

kokoss спасибо, понял логику и вот немного изменив, все получилось

Выделить код

Код:

/*убрать пункты расширений (fox replace, singl file)*/ 
#sidebarswitcher_menu_fox_replace_fx-sidebar-action,
#sidebarswitcher_menu__531906d3-e22f-4a6c-a102-8057b88a1a63_-sidebar-action,
#sidebar-switcher-tabs,
#sidebar-reverse-position,
#sidebarMenu-popup > menuitem:nth-child(10),
#sidebar-extensions-separator {
  display: none;
}

Mrakobes666 · №13597

А как убрать раздражающую рамку из синих точек вокруг пункта в библиотеке под курсором?
И как убрать "Другие закладки"

А еще, недавно появившийся т.н. "Обзор фаерфркс"

Как увеличить кол-во "недавно закрытые вкладки"

Злой Буратино · №13598

Подскажите, как изменить цвет этой области при неактивном окне?

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

Отредактировано Злой Буратино (12-01-2024 14:48:55)

Farby · №13599

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

Подскажите, как изменить цвет этой области при неактивном окне?

В первом приближении, конкретно этой области нет, но может и не понравиться

arrowscrollbox.css

Выделить код

Код:

:root:-moz-window-inactive:not([customizing]) #tabbrowser-tabs > #tabbrowser-arrowscrollbox:not(:hover) {
  background-color: red !important;
}
:root:-moz-window-inactive:not([customizing]) .tabbrowser-tab:not([selected]):not(:hover) {
  background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
}

kokoss · №13600

Mrakobes666 пишет

А как убрать раздражающую рамку из синих точек вокруг пункта в библиотеке под курсором?

Если правильно понял то так:

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

Выделить код

Код:

:root {
  --default-focusring-width: 0px dotted !important;
}

лучше так

Выделить код

Код:

:root {
  --default-focusring: 0 dotted !important;
}

Отредактировано kokoss (12-01-2024 18:01:06)

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

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