Объявление

В связи с наплывом спама и ботов на форуме, регистрация новых пользователей будет приостановлена. О восстановлении регистрации будет сообщено дополнительно

Administrator

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-02-2025 01:21:24

kokoss пишет

вроде он

Увы, этот стиль не работает на 135

Но у меня работает вот такой стиль (в userChrome.css):

[spoiler][code]/*  Выезжающая ПАНЕЛЬ ЗАКЛАДОК для 135  */
@media not (-moz-bool-pref: "sidebar.revamp") {
        #sidebar-box {
            --v-sidebar-min-width: 3px;
            --v-sidebar-min-width-normal: 5px;
            --v-sidebar-max-width: 30em;
            --v-sidebar-transition-delay-show: 0s;
            --v-sidebar-transition-delay-hide: 0s;
            --v-sidebar-transition-duration: 0s;
            /* ********************************************** */
       
            position: relative !important;
            z-index: 3 !important;
            min-width: var(--v-sidebar-max-width) !important;
            width: var(--v-sidebar-max-width) !important;
            max-width: var(--v-sidebar-max-width) !important;
            overflow: hidden !important;
            opacity: 0 !important;
            --v-sidebar-margin-max-width: calc(-1 * var(--v

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 06-02-2025 21:40:40

kokoss
По ссылке открывается не код, а сообщение, в котором есть ссылка на код:

[spoiler][code]@media (-moz-bool-pref: "sidebar.position_start") {
  #sidebar-box {
    :root[sizemode="normal"] & {
/* зона открытия от края брауза в норм режиме */
      --v-sidebar-min-width: 10px;
    }
/* зона открытия от края экрана */
    --v-sidebar-min-width: 2px;
/* ширина */
    --v-sidebar-max-width: 30em;
/* время до открытия */
    --v-sidebar-transition-delay-show: .6s;
/* время до закрытия */
    --v-sidebar-transition-delay-hide: .6s;
/* время анимации */
    --v-sidebar-transition-duration: .3s;

    z-index: 2;
    min-width: var(--v-sidebar-max-width) !important;
    width: var(--v-sidebar-max-width) !important;
    max-width: var(--v-sidebar-max-width) !important;
    overflow: hidden;
    opacity: 0;
    margin-inline-end: calc(-1 * var(--v-sidebar-max-width));
    border-inline-end: 1px solid ThreeDShadow;
    transform: translateX(calc(-1 * (var(--v-sidebar-max-width) - var(

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 06-02-2025 19:15:33

kokoss пишет

Компактный вариант...

Имеется в виду вариант в виде скрипта?
А почему там говорят, что теперь автоскрытие только через скрипт можно реализовать?
У меня вышеприведенный код стиля работает из файла userChrome.css на 135 лисе.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 06-02-2025 14:11:27

fuchsfan
Спасибо большое! Попробую поднастроить под свои предпочтения ))
А не могли бы проверить код для выезжающей боковой панели закладок из моего предыдущего поста?
Все ли строки, имеющиеся там, необходимы для файла userChrome.css ?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 06-02-2025 11:41:39

Есть вот такой стиль для выезжающей боковой панели закладок:
[spoiler]
[code]@-moz-document url("chrome://browser/content/browser.xhtml") {
@media not (-moz-bool-pref: "sidebar.revamp") {
        #sidebar-box {
            --v-sidebar-min-width: 3px;
            --v-sidebar-min-width-normal: 5px;
            --v-sidebar-max-width: 30em;
            --v-sidebar-transition-delay-show: 0s;
            --v-sidebar-transition-delay-hide: 0s;
            --v-sidebar-transition-duration: 0s;
            /* ********************************************** */
       
            position: relative !important;
            z-index: 3 !important;
            min-width: var(--v-sidebar-max-width) !important;
            width: var(--v-sidebar-max-width) !important;
            max-width: var(--v-sidebar-max-width) !important;
            overflow: hidden !important;
            opacity: 0 !important;
            --v-sidebar-margin-max-width: calc(-1 * var(--v-sidebar-max-width));
            --v-sid

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 24-01-2023 10:21:53

kokoss

kokoss пишет

Насколько уменьшить ?

На 4 пикселя -- чтоб высота панели вкладок была 22 пикселя.
Хочу добиться, чтоб суммарная высота "Панель вкладок" + "Панель навигации" не превышала 50 пикселей.


xrun1
Понял. Спасибо!

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-01-2023 15:08:04

xrun1
Спасибо вам огромное за помощь!


xrun1 пишет

Код писал человек, который в этом разбирается лучше меня.

Ну, вы-то хоть как-то разбираетесь, в отличие от меня (я ваще ни бельмеса в этих кодах :( )
Очень жаль, что Виталий больше не помогает. Понятно, что он обижен на всех русских, но страдают и те из нас, кто не поддерживает военную агрессию против суверенного государства :(


xrun1 пишет

Размеры задаются в начале.

Правильно ли я понимаю, что, кроме размеров, там в коде есть еще и замена картинок?
Но я не понимаю, на какие именно картинки происходит замена? Где лежат (куда класть) новые кастомные картинки?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 22-01-2023 18:26:09

Orchello

Orchello пишет

У меня Вин 7

В актуальной винде таких настроек нет. Да мне и не нужно глобально уменьшать кнопки во всех окнах - нужно уменьшить только для фаерфокса.



xrun1

xrun1 пишет

Попробуйте поиграться с этим стилем

Спасибо, попробую.
Но код какой-то слишком большой. Или там только часть кода (какая?) относится к кнопкам управления окном, а остальное можно вычеркнуть?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 22-01-2023 13:36:05

Orchello
При чем здесь винда??? Мне нужно уменьшить размер кнопок управления окном браузера.
073.png

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 21-01-2023 22:24:08

Использую код Виталия для уменьшения высоты панели вкладок.
Уменьшил до 26 пикселей, но хочу еще сильнее уменьшить высоту. Дальнейшему уменьшению, похоже, препятствуют кнопки управления окном (крестик, квадратик и черта).
Подскажите, плиз, код для 109, чтоб уменьшить размер этих кнопок?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 13-12-2021 17:59:06

Vitaliy V., здравствуйте!
Я опять со своей панелью навигации :)
Для 90 вы делали код, уменьшающий высоту панели:
https://forum.mozilla-russia.org/viewto … 22#p790422

Но в 95 панель с этим кодом немного увеличилась.
Увеличилась на 2 пикселя верхняя часть панели (та, где плюсик и названия вкладок).
Нижняя часть панели (та, где поле адреса) осталась в 95 такой же, как в 90.

Не могли бы подправить код под 95, чтоб было, как в 90 ?

Спасибо!

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-09-2021 21:12:26

Vitaliy V. пишет

я кстати добавил там правило https://forum.mozilla-russia.org/viewto … 22#p790422
теперь должно и с увеличенным (по определенного предела) 24px быть

Супер! Теперь на 92 всё ровно так, как было на 90.
Спасибо огромное!
Жаль только, что в каком-нибудь очередном билде всё опять поломается :(
.
.

bezuma пишет

В 94а пока ОК, бум надеяться

Ну хорошо. Значит пока можно чуток расслабиться и не терзать Виталия.
(спасибо, что проверил)

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-09-2021 19:05:59

Vitaliy V. пишет

Сделайте полный скриншот что ли, может кнопки управления окном или просто кнопки нестандартные мешают

Вот скрин полного экрана 92 с новым кодом (увеличение по клику):

ff92.png

12-09-2021 19:18:30

Vitaliy V. пишет

Не знаю что у вас там мешает

Я понял, из-за чего у меня 26 вместо 24.
Это из-за увеличенного шрифта в параметрах винды на вкладке "Специальные возможности".
133.png

Если сбросить на 100%, то высота становится 24, как у вас.
( а на 90-м билде при тех же 133% высота = 24 )
СПАСИБО!

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-09-2021 18:23:38

kokoss пишет

Не помог потому что этот код для изменения высоты вкладок, а не панели вкладок.

Моя цель - уменьшить высоту панели вкладок вместе с высотой самих вкладок, разумеется.

Vitaliy V. пишет

Да уберите 1px вот здесь в новом коде

Убрал (просто удалил). Оставил так:   margin-block: 0 !important;
В результате верхний пиксель исчез, но сама вкладка увеличилась с 25 пикселей до 26 и общая высота не изменилась :(

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-09-2021 17:46:18

Vitaliy V. пишет

Он там и должен быть даже больше чтобы была видна окантовка

Этого лишнего верхнего пикселя нет на 92 (темная тема) с предыдущим вашим кодом (вот этим):
[spoiler]
[code]
/*  Уменьшить высоту панели вкладок и навигации  */
:root:not([uidensity="touch"]) {
    --proton-tab-block-margin: 0px !important;
    --tab-block-margin: 0px !important;
    --tab-border-radius: 0px !important;
    --tab-min-height: 23px !important;
    --toolbarbutton-outer-padding: 1px !important;
    --bookmark-block-padding: 1px !important;
    --toolbarbutton-inner-padding: 4px !important;
    --toolbar-start-end-padding: var(--toolbarbutton-outer-padding) !important;
    --urlbar-min-height: 24px !important;
    --urlbar-icon-padding: 3px !important;
    --urlbar-container-padding: 0px !important;
    --v-textbox-padding: 1px;
   
/*  Уменьшить межстрочный интервал в меню-сэндвич (три полоски в правом верхнем углу) и в Журнале  */
      --arrowpanel-menuitem-padding-block: 1px !important;

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-09-2021 16:36:47

Vitaliy V. пишет

Вот немного подправил чтобы выиграть 1px https://forum.mozilla-russia.org/viewto … 22#p790422

Vitaliy V. пишет

но меньше 24px на [windows] вкладки то уменьшаться

А у меня не уменьшаются вкладки меньше, чем до 25 px.
И между верхней границей вкладки и границей экрана появился один пиксель.

008.png

Эх... Похоже, с этим 92-м уже нормально не получится сделать. Жаль.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-09-2021 16:08:54

DenKa пишет

Код:

#titlebar,
#tabbrowser-tabs {
    --tab-min-height: 30px !important;
}

Этот код не помог уменьшить высоту панели вкладок.
Ставил 20 px (и 23 px) -- без разницы (не влияет).

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-09-2021 02:05:49

Vitaliy V., опять нужна ваша помощь в вопросе уменьшения высоты панели вкладок.
На 90 использовал такой ваш код и всё устраивало:

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

/*  Уменьшить высоту панели вкладок  */
:root:not([uidensity="touch"]) {
    --proton-tab-block-margin: 0px !important;
    --tab-block-margin: 0px !important;
    --tab-border-radius: 0px !important;
    --tab-min-height: 23px !important;
    --toolbarbutton-outer-padding: 1px !important;
    --bookmark-block-padding: 1px !important;
    --toolbarbutton-inner-padding: 4px !important;
    --toolbar-start-end-padding: var(--toolbarbutton-outer-padding) !important;
    --urlbar-min-height: 24px !important;
    --urlbar-icon-padding: 3px !important;
    --urlbar-container-padding: 0px !important;
    --v-textbox-padding: 1px;

Высота панели вкладок с этим кодом была 24 пикселя (это высота именно панели вкладок - там, где заголовки страниц пишутся).

Но на 92 высота этой панели почему-то увеличилась до 26 пикселей.
Подскажите, пожалуй

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-07-2021 00:57:20

Vitaliy V. пишет

вы что user_chrome_files не пользуетесь?

Пока не было такой необходимости - меня устраивали те стили, которые вы мне давали.
Теперь попробую разобраться с auto_hide_sidebar.css
Спасибо!

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 09-07-2021 21:56:31

Vitaliy V., уже давно вы дали мне  стиль для выезжающей панели закладок:
[spoiler]
[code]/*Выезжающая боковая панель + Закладки своим шрифтом*/

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url("chrome://browser/content/browser.xhtml"), url("chrome://browser/content/browser.xul") {
#sidebar-box {
    --v-sidebar-min-width: 2px;
    --v-sidebar-min-width-normal: 5px;
    --v-sidebar-max-width: 30em;
    --v-sidebar-transition-delay-show: .0s;
    --v-sidebar-transition-delay-hide: .0s;
    --v-sidebar-transition-duration: .0s;
    /* ********************************************** */

    position: relative !important;
    z-index: 2 !important;
    min-width: var(--v-sidebar-max-width) !important;
    width: var(--v-sidebar-max-width) !important;
    max-width: var(--v-sidebar-max-width) !important;
    overflow: hidden !important;
    opacity: 0 !important;
    --v-sidebar-margin-max-width: calc(-1 * var(--v-sidebar-max-width));

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 09-07-2021 19:47:21

Vitaliy V., есть ли возможность сделать стилем свой цвет для панели вкладок (которая над адресной строкой) и для всех открытых, но неактивных вкладок?


---------------
Vitaliy V., СПАСИБО ! То, что надо !

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 25-06-2021 00:13:21

Vitaliy V., опять я со своей панелью навигации (вы уж меня извините...).
Использую ваш стиль для уменьшения высоты этой панели:
[spoiler]
:root:not([uidensity="touch"]) {
    --proton-tab-block-margin: 1px !important;
    --tab-border-radius: 0px !important;
    --tab-min-height: 23px !important;
    --toolbarbutton-outer-padding: 1px !important;
    --bookmark-block-padding: 1px !important;
    --toolbarbutton-inner-padding: 4px !important;
    --toolbar-start-end-padding: var(--toolbarbutton-outer-padding) !important;
    --urlbar-min-height: 24px !important;
    --urlbar-icon-padding: 3px !important;
    --urlbar-container-padding: 0px !important;
    --v-textbox-padding: 1px;
}
#titlebar-buttonbox > .titlebar-button,
.titlebar-buttonbox > .titlebar-button,
#minimize-button, #restore-button, #close-button {
    margin: 0 !important;
    padding: 1px 7px !important;
}
#urlbar-container,
#search-container {
    padding-block: var(--v-textbox-padding, 4px) !important;
}
#PersonalToolbar

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 09-05-2021 14:26:15

Vitaliy V. пишет
usalex пишет

межстрочный интервал в протоновском контекстном меню страницы

для [windows] 10 и proton можно попробовать так

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

Выделить код

Код:

menupopup > menuitem,
menupopup > menu {
    padding-block: 4px !important;
    padding-inline-start: 8px !important;
}

Для panel добавить к :root:not([uidensity="touch"]) {

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

Выделить код

Код:

--arrowpanel-menuitem-padding-block: 4px !important;
    --arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) 8px !important;

Спасибо! Вроде, настроил, но не могу понять, на что влияют вот эти два параметра:
padding-inline-start: 8px !important;
и
--arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) 8px !important;

Пробую менять им значения, но не вижу никакого результата.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 02-05-2021 15:41:29

Vitaliy V.
Спасибо огромнейшее! Это сработало. Теперь панель меня полностью устраивает.
Сейчас в раздумьях - устраивает ли меня такой большой межстрочный интервал в протоновском контекстном меню страницы.
Наверное, Вы уже кому-то давали стиль для регулировки этого интервала (попробую поискать в теме).
Спасибо Вам!

Board footer

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