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

kokoss · №13801

Mrakobes666 пишет

а пупырышки теперь так...

Не знаю что за там пупырышки но попробуйте так:

Код:

.sidebar-placesTreechildren {
  --default-focusring: 0 dotted;
}

вроде и этот вариант тоже работает!

Mrakobes666 · №13802

Вот, так точки ушли))) Спасибо

f480185 · №13803

Всем привет!
Как можно уменьшить размер push уведомления до стандартных размеров.

В новой версии уведомления стали почему-то очень большими. С чем это связано?
Пример

PureButterfly · №13804

День добрый
Искал в гугле и по поиску на форуме, толком ничего не нашёл, может плохо искал. Подскажите, пожалуйста:
1. Как уменьшить промежуток между "+" (Новая вкладка) и кнопкой Свернуть? https://i.imgur.com/VAqqvDJ.png
2. Как убрать зелёный плюсик с панели поиска? https://i.imgur.com/0JND6JG.png
3. Как убрать отступ перед текстом Новая вкладка? https://i.imgur.com/WddPQDM.png
Иконку Новой вкладки убирал так:

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

Выделить код

Код:

#TabsToolbar .tabbrowser-tab[label="New Tab"] .tab-icon-image,
#TabsToolbar .tabbrowser-tab[label="Новая вкладка"] .tab-icon-image {
    visibility: collapse !important;
}

Отредактировано PureButterfly (19-01-2024 20:06:45)

6e73epo · №13805

PureButterfly Иконку Новой вкладки лучше убрать так, если по боку throbber

Выделить код

Код:

.tabbrowser-tab:is([label="Новая вкладка"], [label="New Tab"]) .tab-icon-stack {
  visibility: collapse;
}

Отредактировано 6e73epo (19-01-2024 21:07:18)

PureButterfly · №13806

6e73epo, с этим кодом надпись встала на своё место. Спасибо!

PureButterfly · №13807

PureButterfly пишет

1. Как уменьшить промежуток между "+" (Новая вкладка) и кнопкой Свернуть? https://i.imgur.com/VAqqvDJ.png

Нашёл через инструменты разработчика (Ctrl+Alt+Shift+I), добавляю в userChrome.css:

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

Выделить код

Код:

.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
  width: 0px;
}

Но отступ не меняется. Что делаю не так, подскажете, пожалуйста?

Ред.: Отбой тревоги, добавил !important - заработало! :angel:

Добавлено 20-01-2024 00:48:23

PureButterfly пишет

2. Как убрать зелёный плюсик с панели поиска? https://i.imgur.com/0JND6JG.png

Тьфу, разобрался. Уменьшил высоту до нуля, в следствии чего значок пропал, функциональность не пропала, по нажатию на лупу всё так же показывается плюсик внизу для добавления новой поисковой системы :cool: Вдруг кому понадобится:

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

Выделить код

Код:

.searchbar-search-button[addengines="true"] > .searchbar-search-icon-overlay {
  height: 0px !important;
}

Отредактировано PureButterfly (20-01-2024 00:48:23)

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

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

fuchsfan · №13809

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

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

У меня он и без предлагаемого кода отсутствует, но попробуйте

Выделить код

Код:

.hide-if-empty-places-result {
	display: none;
}

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

fuchsfan
Работает. Спасибо!

amid525 · №13811

Подскажите пожалуйста, как изменить цвет контура всплывающих подсказок?

xrun1 · №13812

amid525
Посмотрите там. Контур это border.

amid525 · №13813

xrun1
не заработал. (всплывающих вкладки, значки) )

xrun1 · №13814

amid525
Работают стили, проверил на чистом профиле [firefox] 122. Вот другой.

правленый вариант другого

Выделить код

Код:

/* Тултипы https://forum.mozilla-russia.org/viewtopic.php?pid=804598#p804598 */
tooltip {
    -moz-appearance: none !important;
    appearance: none !important;
}
tooltip[hasbeenopened="true"] {
    color: InfoText !important;
    background: InfoBackground !important;
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
    padding: 2px !important;
}

@media (prefers-color-scheme: light), (-moz-toolbar-prefers-color-scheme: light) {
tooltip[hasbeenopened="true"] {
    color: #007700 !important; /* rgb(12, 12, 22) */
    background: #ffffe0 !important; /* rgb(245, 245, 255) */
    border: 10px solid #ffd700 !important; /* rgb(204, 204, 214) */
}
}

@media (prefers-color-scheme: dark), (-moz-toolbar-prefers-color-scheme: dark) {
tooltip[hasbeenopened="true"] {
    color: rgb(0, 0, 0) !important;
    background-image: linear-gradient(#FFFFDB, yellow) !important; 
    border-color: rgb(64, 64, 75) !important;
    border-radius: 1px !important;
    font-size: 15px !important;
}
}

tooltip[hasbeenopened="true"] :is(description,label) {
    color: inherit !important;
}

картинки 1 и 2

Вставляли стили в userChrome.css?
Если нужны подсказки у ссылок на странице, тогда нужен скрипт.

amid525 · №13815

xrun1
Спасибо, Второй вариант сработал, на на две трети. Часть значков(история, значки расширений) в правлении управления показывают прежние окошки

п.с Как тут фон поменять?

Отредактировано amid525 (28-01-2024 19:14:54)

kokoss · №13816

amid525 пишет

Спасибо, Второй вариант сработал, на на две трети. п.с Как тут фон поменять?

Если хотите что бы везде... подключайте UCF

Add, фон настраивается с помощью -> background:...

Отредактировано kokoss (28-01-2024 21:21:11)

xrun1 · №13817

amid525
Здесь, наверное, изменить: background: #ffffe0 !important; /* rgb(245, 245, 255) */

Добавлено 28-01-2024 21:21:29
kokoss
Или править xul.css в omni.ja. Тяжко это всё, проще смириться с тем, что есть.

Отредактировано xrun1 (28-01-2024 21:21:29)

fuchsfan · №13818

amid525 пишет

Часть значков(история, значки расширений) в правлении управления показывают прежние окошки

По самой первой ссылке у меня стиль тултипов имеет эффект совершенно везде, кроме трех кнопок свернуть, развернуть, закрыть в правом верхнем. А вот что такое

amid525 пишет

в правлении управления

не расшифровал.

amid525 · №13819

у меня стиль тултипов имеет эффект совершенно везде

У меня не работает на "другие инструменты", "откр меню приложен", "история", "сохранить в Pocket"

не расшифровал.

Опечатка )

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

woe495 · №13820

Здравствуйте.

1. Панель закладок
Как увеличить ширину, чтобы увидеть больше символов?

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

2. Панель закладок
Как уменьшить пробелы между папками-буквами-папками?

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

Отредактировано woe495 (29-01-2024 19:52:10)

xrun1 · №13821

woe495
По второму вопросу есть ответ.

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

Выделить код

Код:

/* уменьшение пробелов в панели Закладок слева от иконки и справа от текста https://forum.mozilla-russia.org/viewtopic.php?pid=763384#p763384 */
#PlacesToolbarItems > toolbarbutton.bookmark-item {
    max-width: 7em !important;
    margin: 0 !important;
    padding: 1px !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
    margin-inline-end: 1px !important;
}

kokoss · №13822

woe495
Касаймо первого вопроса, попробуйте так:

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

Выделить код

Код:

toolbarbutton menupopup[placespopup] > menu.bookmark-item, menuitem.bookmark-item {
  min-width: 0;
  max-width: 42em !important;
}

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

amid525 · №13823

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

kokoss · №13824

amid525 пишет

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

И не только там:

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
   --arrowpanel-border-radius: 0px !important;
}
}

или так:

Выделить код

Код:

#appMenu-popup:is(menupopup, panel)[type="arrow"] {
   --panel-border-radius: 0px !important;
}

Отредактировано kokoss (30-01-2024 11:12:17)

amid525 · №13825

kokoss спасибо!

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

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