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

Алексей У. · №11051

sandro79 пишет

Начиная с 65, после перемещения вкладок, стилем панель меню убрать не получится, только скриптом, и то с 78+ если не ошибаюсь, на 65+ и 68 не проверял.

Есть код от Aris, который перемещает вкладки вниз, при этом панель меню ведет себя как положено. Этот код включен во все релизы от Aris. Работает он хорошо, но, на мой взгляд, чересчур большой и громоздкий. Тот код, который я указал выше, мне нравится больше именно из-за своей компактности; можно ли в данном конкретном коде как-то исправить ситуацию с меню? Сильно подозреваю, что это происходит из-за неверного использования свойства position, пытался проверить, удаляя поочередно строки с этим свойством, но результат нулевой.

birond · №11052

но есть один существенный недостаток: при отключении панели меню исчезают только надписи ("Файл", "Правка" и т. д.), а сама панель остается на месте.

Попробуйте может подойдёт, это моя папка chrome, у меня вроде работает нормально. https://ru.files.fm/u/zc3jv62tn Или вот так: https://ru.files.fm/u/sq65hqxz7

Отредактировано birond (29-08-2021 17:43:22)

bezuma · №11053

Алексей У.
Код работает ОК, только вот тема не подхватывается на перемещенных вверх элементах

birond · №11054

Код работает ОК, только вот тема не подхватывается на перемещенных вверх элементах

Тему можно попробовать подкорректировать в Firefox Color.

Отредактировано birond (29-08-2021 17:53:09)

sandro79 · №11055

birond пишет

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

Ну да, есть tabs_below_navigation_toolbar_fx65_v2_force_hidden_menubar.css, работает только при условии, что включен заголовок окна.
Добавьте его содержимое (без @import*** и секции для Linux/macOS) к указанному вами на пред. странице коду и будет как у Ариса. А если заголовок окна отключен, то tabs_below_navigation_toolbar_fx65_v2_force_hidden_menubar.css бесполезен.

Алексей У. · №11056

birond пишет

Попробуйте может подойдёт, это моя папка chrome, у меня вроде работает нормально.

Буду пробовать, может и выйдет что-нибудь.

sandro79 пишет

Ну да, есть tabs_below_navigation_toolbar_fx65_v2_force_hidden_menubar.css, работает только при условии, что включен заголовок окна.
Добавьте его содержимое (без @import*** и секции для Linux/macOS) к указанному вами на пред. странице коду и будет как у Ариса. А если заголовок окна отключен, то tabs_below_navigation_toolbar_fx65_v2_force_hidden_menubar.css бесполезен.

Заголовок у меня всегда включен, попробую ваш способ.

birond · №11057

Буду пробовать, может и выйдет что-нибудь.

Удачи. И ещё если пригодится: профиль по второй ссылке настраиваемый, с вертикальной, дополнительной и нижней панелью (от Vitaliy V).

Отредактировано birond (29-08-2021 19:02:36)

momo2000 · №11058

Подправил интересный код значка таба для анимации загрузки страницы

Выделить код

Код:

@media (prefers-reduced-motion: reduce) {
@keyframes rotate-throbber {  
    from {
        transform: rotateZ(0deg)
    }
    to {
        transform: rotateZ(360deg)
    }
}

.tab-throbber {
    background-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' fill-opacity='0.1'><circle cx='8' cy='2.5' r='2' fill='%23CC0000' fill-opacity='1.1'/><circle cx='12' cy='4' r='1.7'/><circle cx='13.5' cy='8' r='1.7'/><circle cx='12' cy='12' r='1.7'/><circle cx='8' cy='13.5' r='1.7'/><circle cx='4' cy='12' r='1.7'/><circle cx='2.5' cy='8' r='1.7'/><circle cx='4' cy='4' r='1.7'/></svg>") !important;
    animation: rotate-throbber 1s steps(8) infinite;
}
}

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

Erik010 · №11059

Как сдвинуть влево надпись "Управление закладками" в меню "Показать ваши закладки"? FF 91esr.

sandro79 · №11060

Erik010 пишет

Как сдвинуть влево надпись "Управление закладками" в меню "Показать ваши закладки"?

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

Выделить код

Код:

#BMB_bookmarksShowAllTop > label {
    margin-inline-start: -20px !important;
}

С 92+, там уже подравняли верхние два пункта.

Отредактировано sandro79 (01-09-2021 18:04:32)

Ник 22 · №11061

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

Отредактировано Ник 22 (01-09-2021 09:54:13)

Alex_one · №11062

Ник 22 пишет

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

В топике Custom Buttons такое есть.
https://forum.mozilla-russia.org/viewto … 06#p793406

Ник 22 · №11063

Alex_one пишет

Ник 22 пишетКак сделать отображение миниатюр при наведении курсора мыши на вкладку.В топике Custom Buttons такое есть.https://forum.mozilla-russia.org/viewto … 06#p793406

Не работает что-то.

Alex_one · №11064

Ник 22 пишет

Не работает что-то.

Проверил.

У меня работает

sonyas75 · №11065

Ник 22
это кнопка, это не ЦСС

Алексей У. · №11066

Как в адресной строке скрыть все значки, кроме замка?

Ник 22 · №11067

Alex_one пишет

Ник 22 пишетНе работает что-то.Проверил. У меня работает

Понял.

Отредактировано Ник 22 (01-09-2021 19:03:13)

sandro79 · №11068

Алексей У. пишет

Как в адресной строке скрыть все значки, кроме замка?

Так можно

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

Выделить код

Код:

#identity-icon, #tracking-protection-icon-box, #blocked-permissions-container  {
    display: none !important;
}

или так, если нужно всплывающее меню с информацией о сайте

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

Выделить код

Код:

#identity-icon {
    margin-inline-start: -24px !important;
}
#identity-popup > .panel-arrowcontainer > .panel-arrowcontent,
#protections-popup > .panel-arrowcontainer > .panel-arrowcontent {
    margin-inline-start: 20px !important;
}
.panel-arrow[side="top"], .panel-arrow[side="bottom"] {
    margin-left: 30px !important;
}
#tracking-protection-icon-box, #blocked-permissions-container,
#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon {
    display: none !important;
}

Ник 22, тот код для скрипта. Если сильно нужны всплывающие миниатюры, скачайте с диска Яндекса, комплект запуска скриптов, и расположите его содержимое как сказано в инструкции. Миниатюры должны появится сразу, там всё уже готово к использованию.

Алексей У. · №11069

sandro79 пишет

Так можно

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

Выделить код

Код:

#identity-icon, #tracking-protection-icon-box, #blocked-permissions-container  {
    display: none !important;
}

или так, если нужно всплывающее меню с информацией о сайте

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

Выделить код

Код:

#identity-icon {
    margin-inline-start: -24px !important;
}
#identity-popup > .panel-arrowcontainer > .panel-arrowcontent,
#protections-popup > .panel-arrowcontainer > .panel-arrowcontent {
    margin-inline-start: 20px !important;
}
.panel-arrow[side="top"], .panel-arrow[side="bottom"] {
    margin-left: 30px !important;
}
#tracking-protection-icon-box, #blocked-permissions-container,
#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon {
    display: none !important;
}

Спасибо, второй способ мне больше подходит, потому что хочется сохранить функциональность и в то же время убрать лишние значки. И еще, если можно, другой вариант этого вопроса: значок Flash Player не прятать, а сдвинуть в самый конец адресной строки, чтобы он находился перед кнопкой "Показать историю", ну или хотя бы поменять его местами с замком.

sandro79 · №11070

Алексей У. пишет

значок Flash Player не прятать, а сдвинуть в самый конец адресной строки, чтобы он находился перед кнопкой "Показать историю", ну или хотя бы поменять его местами с замком

Сдвинуть чтобы он находился перед кнопкой "Показать историю" уж дюже сложно, если и возможно вынуть значок из #blocked-permissions-container, а поменять местами с замком значок Flash Player(точнее контейнер в котором он) и не прятать вроде удалось, новый код

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

Выделить код

Код:

#identity-icon {
    margin-inline-start: -24px !important;
}
#identity-popup > .panel-arrowcontainer > .panel-arrowcontent,
#protections-popup > .panel-arrowcontainer > .panel-arrowcontent {
    margin-inline-start: 20px !important;
}
.panel-arrow[side="top"], .panel-arrow[side="bottom"] {
    margin-left: 30px !important;
}
#tracking-protection-icon-box, #urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon, 
#blocked-permissions-container > .blocked-permission-icon:not(.plugin-icon), 
.notification-anchor-icon:not(.plugin-icon) {
    display: none !important;
}
#blocked-permissions-container {
    -moz-box-ordinal-group: 10 !important;
}

Отредактировано sandro79 (01-09-2021 22:51:39)

Алексей У. · №11071

sandro79 пишет

Сдвинуть чтобы он находился перед кнопкой "Показать историю" уж дюже сложно, если и возможно вынуть значок из #blocked-permissions-container, а поменять местами с замком значок Flash Player(точнее контейнер в котором он) и не прятать вроде удалось

Насчет перемещения в конец строки адреса я понял, жаль, конечно. А еще заметил следующую неточность в действии вашего кода: он действительно прячет все, кроме замка - то к чему я и стремился; но он также скрывает и значок лупы, который находится слева в строке адреса на начальной странице, и значок Flash Player. Если использовать часть кода (скрыть только иконку запрета автовоспроизведения), то значок Flash Player появляется, но по-прежнему в середине:

sandro79 · №11072

Алексей У. пишет

но он также скрывает и значок лупы, который находится слева в строке адреса на начальной странице, и значок Flash Player. Если использовать часть кода (скрыть только иконку запрета автовоспроизведения), то значок Flash Player появляется, но по-прежнему в середине

Flash Player тоже прячет, странно, не должен, он в исключениях - :not(.plugin-icon) На практике не проверил, включал в инспекторе отображение всех что есть значков, код все их скрыл, оставил только Flash Player. Теперь проверил, поправил, должно сработать как надо. Если значок лупы тоже нужно оставить, то другой, окончательный вариант кода

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

Если нужно оставить отображение на служебных страницах тоже, то добавьте во второе правило через запятую строку #urlbar[pageproxystate="valid"] > #identity-box.chromeUI > #identity-icon

Выделить код

Код:

#identity-icon {
    margin-inline-start: -24px !important;
}
#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon {
    margin-inline-start: 0px !important;
} 
#identity-popup > .panel-arrowcontainer > .panel-arrowcontent,
#protections-popup > .panel-arrowcontainer > .panel-arrowcontent {
    margin-inline-start: 20px !important;
}
.panel-arrow[side="top"], .panel-arrow[side="bottom"] {
    margin-left: 30px !important;
}
#tracking-protection-icon-box, 
#blocked-permissions-container > .blocked-permission-icon:not(.plugin-icon) {
    display: none !important;
}
#blocked-permissions-container {
    -moz-box-ordinal-group: 10 !important;
}

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

Алексей У. · №11073

sandro79 пишет

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

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

sandro79 · №11074

Алексей У. пишет

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

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

Выделить код

Код:

#connection-icon {
    margin-inline-start: 6px !important; /* по умолчанию 4px */
}

Алексей У. · №11075

sandro79 пишет

Алексей У. пишет
Еще бы значок замка отодвинуть от левой границы на пару пикселей, чтобы отступы слева и справа были одинаковые, и совсем хорошо будет
скрытый текст
Выделить код
Код:
#connection-icon {
    margin-inline-start: 6px !important; /* по умолчанию 4px */
}

Работает.

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

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