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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№1357610-01-2024 00:11:56

dioxin
Участник
 
Группа: Members
Зарегистрирован: 08-01-2023
Сообщений: 16
UA: Firefox 121.0

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

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

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

Отсутствует

 

№1357710-01-2024 00:34:25

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

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

dioxin пишет

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

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

Выделить код

Код:

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

Win7

Отсутствует

 

№1357810-01-2024 01:29:52

dioxin
Участник
 
Группа: Members
Зарегистрирован: 08-01-2023
Сообщений: 16
UA: Firefox 121.0

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

kokoss пишет

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

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

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

Отсутствует

 

№1357910-01-2024 02:06:12

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: Firefox 121.0

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

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


Vah пишет

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

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

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

Отсутствует

 

№1358010-01-2024 17:54:55

f480185
Участник
 
Группа: Members
Зарегистрирован: 05-04-2012
Сообщений: 158
UA: Firefox 115.0

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

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)

Отсутствует

 

№1358110-01-2024 19:34:43

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

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

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

Выделить код

Код:

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

Win7

Отсутствует

 

№1358210-01-2024 20:27:09

f480185
Участник
 
Группа: Members
Зарегистрирован: 05-04-2012
Сообщений: 158
UA: Firefox 115.0

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

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

Отсутствует

 

№1358310-01-2024 20:34:11

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

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

f480185 пишет

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

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

Выделить код

Код:

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


Win7

Отсутствует

 

№1358410-01-2024 20:47:14

f480185
Участник
 
Группа: Members
Зарегистрирован: 05-04-2012
Сообщений: 158
UA: Firefox 115.0

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

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

Отсутствует

 

№1358510-01-2024 20:50:53

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: Firefox 121.0

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

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

Отсутствует

 

№1358610-01-2024 20:55:16

f480185
Участник
 
Группа: Members
Зарегистрирован: 05-04-2012
Сообщений: 158
UA: Firefox 115.0

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

6e73epo пишет

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

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

Отсутствует

 

№1358710-01-2024 21:22:15

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

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

f480185 пишет

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

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


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

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


Win7

Отсутствует

 

№1358810-01-2024 23:27:42

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: Firefox 121.0

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

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

Отсутствует

 

№1358911-01-2024 20:46:26

Mrakobes666
Участник
 
Группа: Members
Зарегистрирован: 03-03-2011
Сообщений: 159
UA: Firefox 121.0

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

Подскажите как изменить эту строку поиска (сделать выше, убрать линию и синее выделение, убрать отображающийся текст)
ac731211da3be8787feb64402618f822.jpeg
И как убрать меню сторонних приложений?
760e38f48d0f67c25876b78885cf66b4.jpeg

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

Отсутствует

 

№1359011-01-2024 21:14:26

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

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

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)


Win7

Отсутствует

 

№1359111-01-2024 22:37:08

Vah
Участник
 
Группа: Members
Зарегистрирован: 09-01-2024
Сообщений: 3
UA: Firefox 115.0

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

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;
}
12.png

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

Отсутствует

 

№1359212-01-2024 01:00:29

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: Firefox 121.0

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

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

Отсутствует

 

№1359312-01-2024 02:23:17

Vah
Участник
 
Группа: Members
Зарегистрирован: 09-01-2024
Сообщений: 3
UA: Firefox 115.0

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

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

Отсутствует

 

№1359412-01-2024 10:38:45

Mrakobes666
Участник
 
Группа: Members
Зарегистрирован: 03-03-2011
Сообщений: 159
UA: Firefox 121.0

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

kokoss

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

760e38f48d0f67c25876b78885cf66b4.jpeg


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

/*строка поиска в библиотеке*/
#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)

Отсутствует

 

№1359512-01-2024 12:14:51

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

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

Mrakobes666 пишет

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

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

Выделить код

Код:

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


Win7

Отсутствует

 

№1359612-01-2024 13:28:48

Mrakobes666
Участник
 
Группа: Members
Зарегистрирован: 03-03-2011
Сообщений: 159
UA: Firefox 121.0

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

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

Отсутствует

 

№1359712-01-2024 14:28:20

Mrakobes666
Участник
 
Группа: Members
Зарегистрирован: 03-03-2011
Сообщений: 159
UA: Firefox 121.0

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

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

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

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

Отсутствует

 

№1359812-01-2024 14:44:23

Злой Буратино
Участник
 
Группа: Members
Зарегистрирован: 09-12-2011
Сообщений: 98
UA: Firefox 121.0

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

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

скрытый текст
2024-01-12-134727.png

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

Отсутствует

 

№1359912-01-2024 16:22:23

Farby
Участник
 
Группа: Members
Зарегистрирован: 21-11-2012
Сообщений: 318
UA: Google 2.1

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

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

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

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

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


Жизнь иногда такое выкидывает, что хочется подобрать...

Отсутствует

 

№1360012-01-2024 16:41:44

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

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

Mrakobes666 пишет

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

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

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

Выделить код

Код:

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

лучше так

Выделить код

Код:

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

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


Win7

Отсутствует

 

Board footer

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