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

Dumby · №14101

egorsemenov06 пишет

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

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

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

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

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

Выделить код

Код:

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

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

egorsemenov06 · №14102

Dumby пишет

egorsemenov06 пишет
помогите пожалуйста
Добавил нечто, рождённое методом ненаучного тыка,
и вкладки, вроде, опустились.
скрытый текст
Выделить код
Код:
#tabbrowser-tabs {
	min-height: 28px !important;
}
#TabsToolbar-customization-target {
	height: 28px !important;
}
Если это чем-то помогло — значит повезло.
Если нет — значит самоотвод.

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

Retif · №14103

Подскажите, плиз. С 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;
}

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

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

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

Выделить код

Код:

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

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

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

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

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

Отредактировано Retif (Вчера 20:57:59)

kokoss · №14104

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

Добавлено Вчера 23:49:02

Retif пишет

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

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

Отредактировано kokoss (Вчера 23:49:02)

Garalf · №14105

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

Retif · №14106

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. В итоге, проблема сохраняется, панель табов внизу перекрывает контент страницы, вот скриншот этого форума, видно хорошо, что перекрывается внизу:

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

laris · №14107

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 (Сегодня 10:42:13)

egorsemenov06 · №14108

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 (Сегодня 18:14:10)

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

№14101Вчера 19:47:39

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

Код:

№14102Вчера 19:56:38

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

Код:

№14103Вчера 20:51:50

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

Код:

Код:

№14104Вчера 23:40:54

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

№14105Сегодня 09:35:55

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

№14106Сегодня 09:48:06

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

Код:

№14107Сегодня 10:03:03

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

№14108Сегодня 16:24:37

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

Код:

Board footer