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

Duche · №8901

Vitaliy V. пишет

хоть удалили?

Конечно удалил, сейчас поставлю на чистую FF.

sandro79 · №8902

Vitaliy V. пишет

удалить можно в user_chrome.js

Спасибо, да, сработало. Видимо не с прошлой версии я user_chrome.js смотрел, там да, нет этих строк, а думал разницы не нашёл. У меня три user_chrome_files в папке chrome, видимо не ту открыл по запарке. Надо избавляться уже от старых версий, новая вроде уже полностью настроена.

Duche · №8903

Duche пишет

Vitaliy V. пишет
хоть удалили?
Конечно удалил, сейчас поставлю на чистую FF.

И на чистой нет.

kokoss · №8904

Duche пишет

kokoss пишет
А если так:
Не помогло.

Естественно не помогло

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

https://forum.mozilla-russia.org/viewto … 43#p783943

внимательней надо быть

Duche · №8905

kokoss пишет

Естественно не помогло

Остаюсь в недоумении.

Vitaliy V. · №8906

Duche пишет

И на чистой нет.

На чистой что, сборке?
Вот на чистой

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

VirtualBox_Win8.1_10_08_2020_19_05_00.png

но немного подправил код для [windows]

8.1

Duche · №8907

Vitaliy V. пишет

На чистой что, сборке?

Да , побывал на 68 и моей F_Good71.

kokoss · №8908

Duche
Попробуйте, добавьте этот стиль на самый верх файла "FG_userChrome.css".

Отредактировано kokoss (10-08-2020 20:34:35)

sandro79 · №8909

Duche пишет

Остаюсь в недоумении.

Это мне предназначалось и естественно не помогло

Duche пишет

и моей F_Good71

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

стиль из сообщения выше Интересный у вас UA: (Windows NT 8.1; rv:54a) Gecko/20100101 Firefox/99

8.1 UA:

Duche · №8910

sandro79 пишет

Интересный у вас UA:

kokoss пишет

Duche
Попробуйте, добавьте этот стиль на самый верх файла "FG_userChrome.css".

Сам не пойму у меня win7x64 . Распаковывал FGood71 и 32 и 64 . Вставлял код в "FG_userChrome.css" и в начало и в конец , сам ничего не пойму.

kokoss · №8911

Duche
Прежде чем проверять с этим стилем, необходимо в файле "userChrome.css", отключить "375" строку -> @import "./css/tabs/classic_squared_tabs.css"; /**/

Add, и советую отключить в файле "userChrome.css", стили которые не используйте.

Отредактировано kokoss (10-08-2020 22:59:39)

sandro79 · №8912

Duche пишет

Сам не пойму у меня win7x64

Ну юзерагент кто-то сменил на такое чудо.

kokoss пишет

отключить строку -> @import "./css/tabs/classic_squared_tabs.css"; /**/

Или скопировать с заменой стиль в classic_squared_tabs.css. Скиньте в тему ссылку на свою папку chrome, а мы попробуем разобраться.

solombala · №8913

Vitaliy V.
С такой шнягой еще не сталкивался...Дропы ни убрать не в право подвинуть...Это что за фишка? _moz_generated_content_image...

Duche · №8914

kokoss пишет

отключить "375" строку

Ура, заработало.Спасибо большое за отзывчивость и реальную помощь.

Еще такой вопрос для самообразования. На старых FF если заменил или установил иконку не того размера , больше 16х16 ,то ломало панели . Сейчас случайно заменил на 64х64, потом для эксперимента заменил на еще большую , панель на месте а иконка как бы авто масштабировалась . Что за эффект такой . Хотелось сделать иконки побольше без изменения высоты панелей средствами CSS.

Отредактировано Duche (11-08-2020 08:43:37)

kokoss · №8915

Duche пишет

Хотелось сделать иконки побольше

Я у себя использую этот стиль: https://forum.mozilla-russia.org/viewto … 45#p764745 под 3 спойлером.

Vitaliy V. · №8916

solombala пишет

Это что за фишка? _moz_generated_content_image..

Обычный псевдоэлемент ::after только с иконкой вместо текста

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

Выделить код

Код:

.PanelUI-subView .subviewbutton-nav::after {
    display: none !important;
}

но если хочешь подвинуть нужно в самом пункте уменьшить padding

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

Выделить код

Код:

.PanelUI-subView .subviewbutton-nav {
    padding-inline-end: 6px !important;
}

или заменить .subviewbutton-nav на .subviewbutton - для всех этих пунктов

Отредактировано Vitaliy V. (11-08-2020 11:03:24)

solombala · №8917

Vitaliy V.
Класс! как это сразу не допер...допер, но по наитию. Прозевал этот class...Благодарю!
Еще б размерчик уменьшить...Заделал, а вот hover - на это никак...

Отредактировано solombala (11-08-2020 12:53:24)

Vitaliy V. · №8918

solombala
hover на что, на псевдоэлемент? Нет :hover пока не может применяться к псевдоэлементам.
только при наведении на элемент

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

Выделить код

Код:

.PanelUI-subView .subviewbutton-nav:hover::after {
   color: gold !important;
}

Отредактировано Vitaliy V. (11-08-2020 17:51:28)

Duche · №8919

Добрый день. Подскажите пожалуйста . Использую этот код для фиксирования ширины вкладок и уменьшение высоты вкладок . Проблема а том, что при уменьшении высоты вкладок меньше 25px вкладка начинает уменьшатся по высоте ,оставляя снизу от панели инструментов промежуток . Как корректно уменьшить высоту вкладок без последствий.

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

Выделить код

Код:

.tabbrowser-tab[fadein]:not([pinned]) {
  max-width: 150px !important;
  max-height: 27px !important;
}

solombala · №8920

Vitaliy V.

Vitaliy V. пишет

hover на что, на псевдоэлемент?

Тонкий ход ! А на эту шнягу hover7

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

.menu-accel,
.menu-iconic-accel {
margin-top: -3px !important;
padding-inline-start: 2em !important;
margin-inline-end: 9px !important;
font-style: italic !important;
color: #00A6A6 !important;
}

sandro79 · №8921

Duche пишет

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

Варианты: https://forum.mozilla-russia.org/viewto … 91#p774491 или https://forum.mozilla-russia.org/viewto … 03#p774503

или может так ещё

Выделить код

Код:

:root {
  --tab_max_width: 150px;
}
#tabbrowser-tabs:not([overflow="true"]) 
.tabbrowser-tab[fadein]:not([pinned]) {
  max-width: var(--tab_max_width) !important;
  overflow: hidden !important;
}
:root {
  --classic_squared_tabs_tab_height: 24px;
  --tab-min-height: var(--classic_squared_tabs_tab_height) !important;
}

Vitaliy V. · №8922

solombala
так что-ли

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

Выделить код

Код:

:is(menu,menuitem)[_moz-menuactive="true"]:where(:not([disabled="true"])) > .menu-accel-container > :where(.menu-accel,.menu-iconic-accel) {
    color: gold !important;
}

solombala · №8923

Vitaliy V.
Сказать, что это не просто, ничего не сказать...
Ну надо же...В 77 код не сработал...В 79 -да.

Отредактировано solombala (11-08-2020 23:29:03)

Vitaliy V. · №8924

solombala пишет

Ну надо же...В 77 код не сработал...В 79 -да.

Ясное дело не сработает (без about:config), не видишь новые псевдо-классы :is :where они для [firefox] 78+
замени на :-moz-any, и на просто :not([disabled="true"])

Отредактировано Vitaliy V. (12-08-2020 01:13:49)

Duche · №8925

sandro79 пишет

Варианты:

Большое спасибо , вторая ссылка сработала.
Потихоньку переходим на новую FF , кто бы еще на планете FF восстановил Simple Mail , но............... .

Отредактировано Duche (12-08-2020 09:05:21)

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

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