Наши проекты Mozilla Россия MozUtil Bugzilla Планета

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

Общайтесь со знакомыми и друзьями в нашей группе в Контакте.

Страницы: « 1 … 563 564 565 #

№1410127-11-2024 19:47:39

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2253
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
Сообщений: 12
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
Сообщений: 114
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
Сообщений: 1746
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
Сообщений: 114
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
Сообщений: 12
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)

Отсутствует

 

№14109Сегодня 00:24:36

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

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

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

Отсутствует

 

№14110Сегодня 01:45:02

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

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

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

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

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

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

Отредактировано YaPro100User (Сегодня 01:49:34)

Отсутствует

 

Страницы: « 1 … 563 564 565 #

Board footer

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