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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№1410127-11-2024 19:47:39

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2255
UA: Firefox 78.0

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

egorsemenov06 пишет

помогите пожалуйста

Очень умно́. Нашёл кого спросить...
Я, всё ещё, считаю CSS для себя непостижимым.


Хорошо, подключил твой предоставленный павлиний код.
Вкладки, действительно, уехали куда-то вверх.


Добавил нечто, рождённое методом ненаучного тыка,
и вкладки, вроде, опустились.

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

Выделить код

Код:

#tabbrowser-tabs {
	min-height: 28px !important;
}
#TabsToolbar-customization-target {
	height: 28px !important;
}


Если это чем-то помогло — значит повезло.
Если нет — значит самоотвод.

Отсутствует

 

№1410227-11-2024 19:56:38

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 23-07-2024
Сообщений: 13
UA: Firefox 133.0

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

Dumby пишет
egorsemenov06 пишет

помогите пожалуйста

Добавил нечто, рождённое методом ненаучного тыка,
и вкладки, вроде, опустились.

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

Выделить код

Код:

#tabbrowser-tabs {
	min-height: 28px !important;
}
#TabsToolbar-customization-target {
	height: 28px !important;
}


Если это чем-то помогло — значит повезло.
Если нет — значит самоотвод.

Вы мой спаситель.Огромное СПАСИБО ВАМ!!!!!!!

Отсутствует

 

№1410327-11-2024 20:51:50

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 115
UA: Firefox 133.0

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

Подскажите, плиз. С MenuBar вроде сравился кое-как, другое вылезло. В CustomCSSforFx использую расположение вкладок внизу, TABS ON BOTTOM.
После обновления на версию 133 при использовании Jira, счетчик вылезает на TabsToolbar. Причем, у меня вот такая настройка для тоого, чтобы покрасить панель табов в нужный цвет:

Выделить код

Код:

/* background color for 'tabs below navigation toolbar' option */
#main-window #navigator-toolbox #TabsToolbar {
  background-color: #F2F2F2 !important;
}

Но, при такой настройке счетчик загораживается этой панелью и его почти не видно:

скрытый текст
e343d95599bd99f6e2cd21c004dc47b3.png

Если я отсюда убираю #TabsToolbar, вот так:

Выделить код

Код:

#main-window #navigator-toolbox {
  background-color: #F2F2F2 !important;
}

тогда счетчик видно, но TabsToolbar не покрашен и вообще его не видно:

скрытый текст
d88a0e007fb580d4c40aca908e165099.png

И в любом случае, счетчик же должен быть над панелью, а не перед ней или за ней. Подскажите, плиз, как победить.

З.Ы. Проверил сейчас, это вообще тут не в счетчике дело, а любую страницу TabsToolbar загораживает собой. Если в самый низ промотать, то это заметно.

Отредактировано Retif (27-11-2024 20:57:59)

Отсутствует

 

№1410427-11-2024 23:40:54

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

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

Retif
Если используйте CustomCSSforFx, то обновите его до актуальной версии 4.6.2 и так проверяйте. И для чего использовать сторонний код для изменения фона панели вкладок, если у Ариса есть для этого стиль, просто измените на нужный вам фон.

Добавлено 27-11-2024 23:49:02

Retif пишет

В CustomCSSforFx использую расположение вкладок внизу

Вкладки внизу: tabs_below_main_content.css + tabs_below_main_content_fx133.css

Отредактировано kokoss (27-11-2024 23:49:02)


Win7

Отсутствует

 

№1410528-11-2024 09:35:55

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 322
UA: Firefox 132.0

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

Подскажите пожалуйста, как уменьшить высоту панели вкладок в стиле Arisa tab_below_navigation_toolbar_bottom

Отсутствует

 

№1410628-11-2024 09:48:06

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 115
UA: Firefox 133.0

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

kokoss, сейчас я обновился на версию 4.6.2. general_toolbar_colors_tabs_toolbar_aeroglass.css вообще выключил для проверки, чтобы непрозрачный был.

Выделить код

Код:

/* @import "./css/toolbars/general_toolbar_colors_tabs_toolbar_aeroglass.css";

Свой CSS тоже пока не использую для чистоты эксперимента.

kokoss пишет

Вкладки внизу: tabs_below_main_content.css + tabs_below_main_content_fx133.css

Именно эти настройки и использую для вкладок внизу. Только там нужно не плюс, а одно из них, использую tabs_below_main_content_fx133.css. В итоге, проблема сохраняется, панель табов внизу перекрывает контент страницы, вот скриншот этого форума, видно хорошо, что перекрывается внизу:

скрытый текст
71e6aaf070c51180fc3c7bd29c4c670a.png

Отсутствует

 

№1410728-11-2024 10:03:03

laris
Участник
 
Группа: Members
Зарегистрирован: 04-02-2019
Сообщений: 7
UA: Firefox 133.0

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

kokoss пишет

laris

скрытый текст
Попробуйте в строке: --tab_below_navigation_toolbar_bottom_padding: calc( var(--tab-min-height_tnot) + 5px ); -> изменить 5px на 0px

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


Нашел

скрытый текст
menupopup > menuitem {padding-block: 2px !important;}
:root {
    --arrowpanel-menuitem-padding: 4px 8px !important;
}

Отредактировано laris (28-11-2024 10:42:13)

Отсутствует

 

№1410828-11-2024 16:24:37

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 23-07-2024
Сообщений: 13
UA: Firefox 133.0

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

VitaliyVобновите пожалуйста код menubar для [firefox] 133.0

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

Выделить код

Код:

#menubar-items{
   background: var(--v-main-menubar-background-color);
   color: black !important; /* черный цвет шрифта */ 
}
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-main-menubar-min-height: 20px;
    --v-main-menubar-min-width: 15px;
    --v-main-menubar-color: rgb(0, 0, 0);
    --v-main-menubar-background-color: rgb(255, 255, 255);
    --v-main-menubar-background-color-hover: rgb(192, 192, 192);
    --v-main-menubar-background-color-active: rgb(192, 192, 192);
    &[uidensity="touch"] { /* мобильный режим */
        --v-main-menubar-min-height: 26px;
        --v-main-menubar-min-width: 21px;
    }
}

#titlebar {
    /* Классическое меню - показывать при наведении или при нажатии клавиши "Alt" --> */
    & > #toolbar-menubar[autohide="true"] #main-menubar > menu {
        appearance: none !important;
        border: none !important;
        border-radius: 0px !important;
        background: var(--v-main-menubar-background-color) !important;
        color: var(--v-main-menubar-color) !important;
        text-shadow: none !important;
        border-image: none !important;
        min-height: var(--v-main-menubar-min-height) !important;
        height: 1.25em !important;
    }
    & > #toolbar-menubar[autohide="true"] #menubar-items > #main-menubar {
        opacity: 0 !important;
        pointer-events: none !important;
        min-width: 0 !important;
        width: 0 !important;
        max-width: 0 !important;
        overflow: hidden !important;
    }
    & > #toolbar-menubar[autohide="true"] #menubar-items:hover > #main-menubar,
    & > #toolbar-menubar[autohide="true"]:not([inactive]) #menubar-items > #main-menubar {
        opacity: 1 !important;
        pointer-events: auto !important;
        width: auto !important;
        max-width: none !important;
    }
    :root:not([inFullscreen]) & > #toolbar-menubar[autohide="true"] #menubar-items {
        position: fixed !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        top: auto !important;
        inset-inline-start: 0 !important;
        inset-inline-end: auto !important;
        z-index: 5 !important;
        visibility: visible !important;
        font-size: 12px !important;
    }
    & > #toolbar-menubar[autohide="true"] {
        visibility: visible !important;
        min-height: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        overflow: hidden !important;
    }
    & > #toolbar-menubar[autohide="true"] #main-menubar {
        appearance: none !important;
        background: none !important;
        border-radius: 0px !important;
        padding-block: 0 !important;
    }
    & > #toolbar-menubar[autohide="true"] #menubar-items::before {
        content: "F";
        display: flex;
        padding: 0px 2px;
        font: menu;
        font-weight: bold;
        font-style: normal;
        align-items: center;
        justify-content: center;
        cursor: default;
        background: var(--v-main-menubar-background-color);
        border-radius: 0px;
        color: var(--v-main-menubar-color);
        text-shadow: none;
        min-height: var(--v-main-menubar-min-height);
        min-width: calc(var(--v-main-menubar-min-width) - (var(--v-main-menubar-min-width) / 3));
        height: 1.25em;
        pointer-events: none;
        box-sizing: border-box;
    }
    & > #toolbar-menubar[autohide="true"] #menubar-items:hover::before,
    & > #toolbar-menubar[autohide="true"] #main-menubar > menu:not([disabled="true"]):is(:hover,[_moz-menuactive="true"]) {
        background: var(--v-main-menubar-background-color-hover) !important;
    }
    & > #toolbar-menubar[autohide="true"] #main-menubar > menu:not([disabled="true"]):is([open="true"],[checked="true"],:hover:active) {
        background: var(--v-main-menubar-background-color-active) !important;
    }
    & > #TabsToolbar :is(.titlebar-placeholder,.titlebar-spacer)[type="pre-tabs"] {
        font: menu !important;
        min-width: var(--v-main-menubar-min-width) !important;
        width: 1.1em !important;
    }
    :root:not([inFullscreen]) & > #toolbar-menubar[autohide="true"] + #TabsToolbar :is(.titlebar-placeholder,.titlebar-spacer)[type="pre-tabs"] {
        display: flex !important;
    }
    :root:not([inFullscreen]) & > #toolbar-menubar[autohide="true"]:not([inactive]) + #TabsToolbar > .titlebar-buttonbox-container {
        visibility: visible !important;
    }
    & > #toolbar-menubar[autohide="true"] + #TabsToolbar > .toolbar-items {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    /* <-- Классическое меню - показывать при наведении или при нажатии клавиши "Alt" */
}
}

/* Добавляет отображение названия браузера в строке меню */
#main-menubar::after {
    display: flex;
    content: attr(version);
    height: 1.25em;
    min-height: var(--v-main-menubar-min-height, 1.25em);
    flex-direction: row;
    align-items: center;
    padding-inline-start: 6px;
    padding-inline-end: 6px;
    font-weight: bold !important;
    background: rgba(255,255,255);
    color: red !important; /* красеый цвет шрифта */
}

Отредактировано egorsemenov06 (28-11-2024 18:14:10)

Отсутствует

 

№1410901-12-2024 00:24:36

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 23-07-2024
Сообщений: 13
UA: Firefox 133.0

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

Подскажите пожалуиста как уменьшить растояние между этими кнопками
312ba993046489f384c697f535b49910.png

Отсутствует

 

№1411001-12-2024 01:45:02

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 20
UA: Firefox 132.0

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

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

скрытый текст
1.png

и убрать линии

скрытый текст
2.png

Отредактировано YaPro100User (01-12-2024 01:49:34)

Отсутствует

 

№1411101-12-2024 19:12:52

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

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

egorsemenov06
В [firefox] 115 работает такой:

Выделить код

Код:

#TabsToolbar {
  --toolbarbutton-inner-padding: calc((var(--tab-min-height) - 10px) / 4) !important;
}

YaPro100User
Как вариант, сменить тему!


Win7

Отсутствует

 

№1411201-12-2024 19:38:24

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 23-07-2024
Сообщений: 13
UA: Firefox 133.0

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

kokoss пишет

egorsemenov06
В [firefox] 115 работает такой:

Выделить код

Код:

#TabsToolbar {
  --toolbarbutton-inner-padding: calc((var(--tab-min-height) - 10px) / 4) !important;
}

Спасибо и в 133.0 работает!!!

Отсутствует

 

№1411301-12-2024 22:44:07

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 20
UA: Firefox 132.0

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

kokoss

Спасибо конечно, но это не то, тема тут ни причем, я специально подкрасил верхнее меню и панель табов что бы наглядно было видно, белые линии появляются при неактивности окна браузера, при активном всё как надо.
Если не пользоваться стилями (Firefox свежеустановленный) там вообще всё белое и не видно ничего.

Вот так выглядит безобразие:

скрытый текст
Активное окно:

image.png

Не активное окно:

image.png

Отредактировано YaPro100User (01-12-2024 22:53:18)

Отсутствует

 

№1411401-12-2024 22:53:40

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

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

YaPro100User
Что за тема?


Win7

Отсутствует

 

№1411501-12-2024 23:03:22

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 20
UA: Firefox 132.0

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

kokoss
Это у меня так стили настроены, а если применить тему то она конечно снижает этот баг но все равно видно.
Скину всё что использую в РМ

Отсутствует

 

№1411601-12-2024 23:18:28

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

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

YaPro100User
Не повторяется, правда проверял в [firefox] 115, попробуйте найти причину методом исключения!


Win7

Отсутствует

 

№1411701-12-2024 23:25:09

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 20
UA: Firefox 132.0

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

kokoss пишет

Не повторяется, правда проверял в [firefox] 115, попробуйте найти причину методом исключения!

Баг заметен если окно браузера не на весь экран, сверните окно немного по ширине монитора.

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

Отредактировано YaPro100User (01-12-2024 23:26:22)

Отсутствует

 

№1411801-12-2024 23:37:10

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

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

YaPro100User пишет

Баг заметен если окно браузера не на весь экран, сверните окно немного по ширине монитора.

В таком положении наблюдается, но как её скрыть, без понятия.


Win7

Отсутствует

 

№1411901-12-2024 23:57:27

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 20
UA: Firefox 132.0

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

kokoss пишет

YaPro100User пишет Баг заметен если окно браузера не на весь экран, сверните окно немного по ширине монитора.В таком положении наблюдается, но как его скрыть, без понятия.

Спасибо вам за участие.

Сам нашел решение, баг пропал:

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

Выделить код

Код:

/* Установить цвет для всей Панели вкладок */
#TabsToolbar {
background-color: rgb(45,125,154) !important;
}
/* Цвет для Панели меню Firefox */
toolbar {
background-color: White !important;
}

скрытый текст
2024-12-02-110712.png

Отредактировано YaPro100User (02-12-2024 11:10:08)

Отсутствует

 

№1412003-12-2024 21:55:17

Geekfans
Участник
 
Группа: Members
Зарегистрирован: 03-12-2024
Сообщений: 2
UA: Firefox 133.0

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

Кто пользуется на оригинальном Firefox стилями от black7375/Firefox-UI-Fix (lepton и пр.) подскажите начинающему, как в них изменить размер шрифта? Параллельно стоит Floorp и там более приятно смотреть на шрифт закладок, меню и пр.
P.S. Я понимаю что нужно изменить какие-то строки в leptonChrome\leptonContent.css (либо дописать) но там их многовато для того кто только начал разбираться с стилями ))

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

62672696d512ccad807ddb2856a11344.jpeg

0bd63f3805a1742b18435ce85af894fd.jpeg

Отредактировано Geekfans (03-12-2024 22:05:39)

Отсутствует

 

№14121Вчера 14:12:49

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 115
UA: Firefox 133.0

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

Retif пишет

панель табов внизу перекрывает контент страницы

Написал разрабу Issue: https://github.com/Aris-t2/CustomCSSforFx/issues/718 , он поправил в версии 4.6.7.

Отредактировано Retif (Вчера 14:13:05)

Отсутствует

 

№14122Вчера 15:54:54

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

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

Geekfans пишет

Кто пользуется на оригинальном Firefox стилями от black7375/Firefox-UI-Fix (lepton и пр.) подскажите начинающему, как в них изменить размер шрифта?

Не пользуюсь, попробуйте в этих файлах найти строки с -> font-size:...., и изменить размер на нужный вам!


Win7

Отсутствует

 

№14123Вчера 18:52:20

fish08
Участник
 
Группа: Members
Зарегистрирован: 28-02-2012
Сообщений: 23
UA: Firefox 133.0

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

Подскажите, как сейчас уменьшить высоту вкладок?
Этот код перестал работать

скрытый текст
b3ebf6daef745988cfc1913a5a4637b2.jpeg

Отсутствует

 

№14124Вчера 19:15:30

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

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

fish08 пишет

Подскажите, как сейчас уменьшить высоту вкладок?

Попробуйте так:

Выделить код

Код:

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

и замените строку -> @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); на @namespace html url("http://www.w3.org/1999/xhtml");
так как эта строка уже давно неактуальна.


Add, необычный способ размещения кода.....:)

Отредактировано kokoss (Вчера 19:24:25)


Win7

Отсутствует

 

№14125Вчера 19:46:26

fish08
Участник
 
Группа: Members
Зарегистрирован: 28-02-2012
Сообщений: 23
UA: Firefox 133.0

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

kokoss пишет
fish08 пишет

Подскажите, как сейчас уменьшить высоту вкладок?

Попробуйте так:

Выделить код

Код:

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

и замените строку -> @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); на @namespace html url("http://www.w3.org/1999/xhtml");
так как эта строка уже давно неактуальна.


Add, необычный способ размещения кода.....:)

Спасибо, но этот тоже не работает

Отсутствует

 

Board footer

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