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

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

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

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

Vitaliy V. пишет

Для вкладок можно ещё эти переменные добавить, убрать отступ от панели навигации скрытый текстВыделить кодКод:--proton-tab-block-margin: 1px !important;
    --tab-border-radius: 0px !important;
                    Отредактировано Vitaliy V. (Сегодня 00:04:27)

Да, спасибо! Это помогло - уменьшило общую высоту с 65 до 59 пикселей.

А вот код для уменьшения кнопок управления не помог - и даже увеличил общую высоту с 65 до 66 пикселей. Странно.

Может, я его не туда вставил?
Я поместил его перед строчкой, начинающейся с:  #urlbar-container,
Это правильно?

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

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

нельзя ли ещё немного (на 3 пикселя) уменьшить высоту самой панели вкладок?

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

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

Выделить код

Код:

--tab-min-height: 29px !important;


P.S. если кнопки управления окном в [firefox] на [windows] 10 не помешают

Увы, действительно, не уменьшается высота из-за этих кнопок.
А где прописан размер кнопок управления? Наверное нужно ковырять omni.ja - но где конкретно там искать?

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

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

Не могли бы сделать стиль, чтоб уменьшить высоту панели вкладок (и заодно желательно уменьшить паддинги у панели адреса, чтоб ещё компактнее стало).

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

Выделить код

Код:

:root:not([uidensity="touch"]) {
    --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;
}
#urlbar-container,
#search-container {
    padding-block: var(--v-textbox-padding, 4px) !important;
}
#PersonalToolbar {
    padding: 0 !important;
}
#personal-toolbar-empty-description,
#PersonalToolbar .toolbarbutton-1,
toolbarbutton.bookmark-item:not(.subviewbutton) {
    margin: var(--toolbarbutton-outer-padding) !important;
}

[b]Спасибо

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 01-05-2021 17:08:33

Vitaliy V.
В протонном интерфейсе в 89 стала очень высокая панель вкладок.
Не могли бы сделать стиль, чтоб уменьшить высоту панели вкладок (и заодно желательно уменьшить паддинги у панели адреса, чтоб ещё компактнее стало).

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 29-04-2021 18:27:22

Vitaliy V., здравствуте!
Перешел с 86 на 88 и в менеджере расширений перестали отображаться версии расширений.
Использую Ваш стиль:

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

/*Отображать версии аддонов в менеджере аддонов*/
@-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html") {
 
*|*.addon-name-link[title] {
    font-size: 0 !important;
    display: flex !important;
    flex-direction: row !important;
}

*|*.addon-name-link[title]::after {
    display: block !important;
    content: attr(title) !important;
    font-size: 16px !important;
}

}

Не могли бы подправить его под 88 билд лисы?
-------------------

Vitaliy V., спасибо большое!

Board footer

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