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

Mrakobes666 · №7201

FireForce

а высоту окошка бы раза в два увеличить? И чтобы всегда развернуто деревцо

Ovod · №7202

shadow_user пишет

Помещать в userContent.css.

ОНО?

Vitaliy V. · №7203

_zt пишет

Спасибо, я нашел нужное. Целиком же ваш стиль, полностью переопределяет, встроенное в firefox, поведение автоскрытия панели меню и не дает нужного результата. Например, панель не скрывается пока по ней не щелкнешь и цвета с фонами там не нужны.

Не совсем так, оно скрывалось со второго нажатия alt или f10, впрочем это исправлено. А насчет фона конечно нужен иначе все сольется
на панели могут быть кнопки и на другой тоже - получается каша

_zt пишет

Этот фикс я не просто так прикрутил и он верен, только значения могут быть другими. Например, для чистого профиля будет 28, для моего 24 (т.е. 4 пиксела мне какой то другой стиль добавляет). Иначе, при вызове меню по Alt, панели будут дергаться, смещаться на несколько пикселей.

нет это не верно, можно просто добавить height: 0px !important; и будет тоже самое, и ничего подбирать там не нужно
чтобы высота была действительно 0 нужно добавить padding: 0 !important; border-width: 0 !important;

вы хоть поняли что если у вас переменная --tab-min-height = 29px
то 29px - 28px = 1px
а до этого у вас было 29px - 30px = -1px
ну и к чему эти бессмысленные вычисления?!

Отредактировано Vitaliy V. (15-12-2019 14:11:28)

shadow_user · №7204

Ovod пишет

ОНО?

Почти оно. В профиле папка Chrome, в ней userContent.css (там же рядом и userChrome.css). Коды лучше комментировать, иначе потом не разберешься.

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

/* Подсветка посещенных и непосещенных ссылок */
a:link {color: #FFFFFF !important;} /* Белый цвет непосещенной ссылки */
a:visited {color: #21431F !important;} /* Серый цвет посещенной ссылки */

/* Подчеркивать ссылки при наведении на них */
a[href]:hover {
text-decoration: underline !important;
}

Перезапустить браузер. Чтобы Firefox мог брать настройки из .css, в about:config: toolkit.legacyUserProfileCustomizations.stylesheets = true

_zt · №7205

Vitaliy V.

оно скрывалось со второго нажатия alt

Нет, точно нет, проверял несколько раз и на чистом и на своем, с потерей фокуса и т.п.

можно просто добавить

Ага, теперь понятно, вроде.

Разницы между кодами я у себя не вижу, удаление из вашего кода двух последних секций ни какого эффекта не дает. Изменение значений в этих секциях, тоже ни какого эффекта не дает. Т.е. без объяснений выполняемых ими функций, они для меня выглядят просто лишними. Возможно они для других осей или версий firefox нужны?
В общем, спасибо за подсказки. Теперь код делает все что мне надо.

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

Отредактировано _zt (15-12-2019 21:37:46)

solombala · №7206

Vitaliy V.
Опять ....71 Текста не видно ...Может скрипт не работает? Все css перелопатил ...

Это опять мультипроцесс....мать его.

Отредактировано solombala (15-12-2019 19:59:54)

Vitaliy V. · №7207

_zt
Ну раз вам уже не нужно выложу для других
не пропадать же зря коду, даже в [windows] пришлось лезть...
Теперь со скрытием панели вкладок

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

Выделить код

Код:

#toolbar-menubar[autohide="true"]:not([customizing="true"]) {
    position: relative !important;
    z-index: 3 !important;
    background-color: var(--toolbar-bgcolor, -moz-dialog) !important;
    background-image: var(--toolbar-bgimage, none) !important;
    color: var(--toolbar-color, -moz-dialogtext) !important;
    -moz-box-align: start !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}
#toolbar-menubar[autohide="true"]:not(:-moz-any([inactive="true"],[customizing="true"])) {
    height: var(--tab-min-height, 29px) !important;
    max-height: none !important;
    margin-bottom: calc(-1 * var(--tab-min-height, 29px)) !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
*|*:root:not([customizing="true"]) #nav-bar {
    padding-inline-end: 140px !important;
}
*|*:root:not([customizing="true"]):not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    padding-inline-start: 40px !important;
    padding-inline-end: 180px !important;
}
*|*:root:not([customizing="true"]) #TabsToolbar {
    height: var(--tab-min-height, 29px) !important;
    max-height: none !important;
    margin-bottom: calc(-1 * var(--tab-min-height, 29px)) !important;
    overflow: hidden !important;
    -moz-appearance: none !important;
    visibility: hidden !important;
    -moz-box-align: start !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}
#toolbar-menubar[autohide="true"][inactive="true"] + #TabsToolbar > .titlebar-buttonbox-container,
*|*:root[inFullscreen] #TabsToolbar > #window-controls {
    visibility: visible !important;
    position: relative !important;
    z-index: 3 !important;
}
*|*:root:not([customizing="true"]) #tabbrowser-tabs {
    visibility: visible !important;
    min-height: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

вместо отступа сверху используются отступы по бокам в оконном режиме по аналогии с панелью вкладок

Добавлено 15-12-2019 22:58:35

_zt пишет

Т.е. без объяснений выполняемых ими функций, они для меня выглядят просто лишними

Ну а для меня ваш выглядит... Лучше промолчу

Отредактировано Vitaliy V. (15-12-2019 22:58:35)

_zt · №7208

Стиль с высокой совместимостью для скрытия панели вкладок и заголовка окна. Кнопки управления окном перемещаются на панель ниже. Панель меню вызываемая по Alt плавающая, т.е. не сдвигает нижние панели, при этом, панель меню вызываемая из контекстных меню закреплена в заголовке, т.е. обычная. В панели меню возможно закреплять кнопки расширений, они будут скрываться вместе с панелью. Высота панели меню настраивается. Для видимых панелей предусмотрен отступ от верхнего края окна, актуально для Windows 7 - 8.1. За стиль спасибо Vitaliy V.

Демонстрация...

Код...

Выделить код

Код:

#main-menubar > menu {
    -moz-appearance: none !important;
}
#toolbar-menubar[autohide="true"]:not([customizing="true"]) {
    position: relative !important;
    z-index: 3 !important;
    background-color: var(--toolbar-bgcolor, -moz-dialog) !important;
    background-image: var(--toolbar-bgimage, none) !important;
    color: var(--toolbar-color, -moz-dialogtext) !important;
    -moz-box-align: start !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

/* Высота панели меню, так же влияет на размер добавляемых кнопок */
#toolbar-menubar[autohide="true"]:not(:-moz-any([inactive="true"],[customizing="true"])) {
    height: 20px !important;
    margin-bottom: -20px !important;
}

*|*:root:not([inFullscreen])[tabsintitlebar] #navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
*|*:root:not([customizing="true"]) #nav-bar {
    padding-inline-end: 105px !important;
}
*|*:root:not([customizing="true"]):not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    padding-inline-start: 5px !important;
    padding-inline-end: 105px !important;
}
*|*:root:not([customizing="true"]) #TabsToolbar {
    height: var(--tab-min-height, 29px) !important;
    max-height: none !important;
    margin-bottom: calc(-1 * var(--tab-min-height, 29px)) !important;
    overflow: hidden !important;
    -moz-appearance: none !important;
    visibility: hidden !important;
    -moz-box-align: start !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}
#toolbar-menubar[autohide="true"][inactive="true"] + #TabsToolbar > .titlebar-buttonbox-container,
*|*:root[inFullscreen] #TabsToolbar > #window-controls {
    visibility: visible !important;
    position: relative !important;
    z-index: 3 !important;
}
*|*:root:not([customizing="true"]) #tabbrowser-tabs {
    visibility: visible !important;
    min-height: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

/* Поправки для Windows 7 - 8 */
@media (-moz-windows-compositor) {
    @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
#toolbar-menubar[autohide="true"]:not(:-moz-any([inactive="true"],[customizing="true"])) {
    margin-top: 1px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    }
/* Здесь задается отступ от верхнего края окна */
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #titlebar {
    min-height: 5px !important;
    }
/* Фикс полноэкранного режима */
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #titlebar {
    max-height: 0px !important;
    }
  }
}

/* Отступы для кнопок, если их добавить */
#toolbar-menubar {
    --toolbarbutton-outer-padding: 4px !important;
    --toolbarbutton-inner-padding: 1px !important;
}
#toolbar-menubar .toolbarbutton-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

Обновил код по результатам обсуждения ниже.

Отредактировано _zt (19-12-2019 17:35:59)

Vitaliy V. · №7209

_zt
нет вот этого

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

#toolbar-menubar[autohide="true"]:not(:-moz-any([inactive="true"],[customizing="true"])) {
height: var(--tab-min-height, 29px) !important;
max-height: 20px !important;

*|*:root:not([customizing="true"]) #TabsToolbar {
height: var(--tab-min-height, 29px) !important;
max-height: 20px !important;

делать не надо - обрезанные или сплющенные кнопки управления окном и др. проблеммы

Отредактировано Vitaliy V. (16-12-2019 00:48:28)

_zt · №7210

Vitaliy V.
Я исправил код выше по результатам своих наблюдений. А теперь, если вы не против, опишу что и для чего я там добавил/изменил, начиная сверху кода.

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

Выделить код

Код:

#toolbar-menubar[autohide="true"]:not(:-moz-any([inactive="true"],[customizing="true"])) {

    max-height: 20px !important;

Мне не нужны высоченная панель и огромные иконки в ней. Как сделать это по другому я не нашел.

Выделить код

Код:

#toolbar-menubar[autohide="true"]:not(:-moz-any([inactive="true"],[customizing="true"])) {

    margin-top: 1px !important;

    margin-left: 1px !important;
    margin-right: 1px !important;

В Windows 7 (и подозреваю что 8) при светлой и стандартной теме оформления панель меню, вызываемая по Alt, вываливается на 1px за внутренние границы окна. Выглядит некрасиво, особенно сверху. Данные значения исправляют это и не видны на темной теме.

Выделить код

Код:

/* Здесь задается отступ от верхнего края окна */
*|*:root:not([inFullscreen])[tabsintitlebar] #navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    height: 5px !important;
}

Самое важное. Без этого фикса, верхняя панель (у меня nav-bar) вываливается за край окна на 1px. Но это не все. В Windows 7-8 уродством будет даже равнение панелей по краю окна, так как с других сторон браузера есть рамка, а сверху получается, что нет.
Без фикса: С фиксом:
Вы этого в коде не учли, а я не знаю как по другому исправить. Мой фикс ломает отображение панели меню при вызове его через контекстное меня панелей, панель меню, в этом случае, просто прячется на nav-bar. Вызов же по Alt продолжает работать как задумано.

Выделить код

Код:

/* Отступы для кнопок, если их добавить */
#toolbar-menubar {
    --toolbarbutton-outer-padding: 4px !important;
    --toolbarbutton-inner-padding: 1px !important;
}
#toolbar-menubar .toolbarbutton-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

С этим все и так понятно.

Выделить код

Код:

/* Фикс для полноэкранного режима */
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #titlebar {
    height: 0px !important;
}

Продолжение эпопеи с отступом панелей от верхнего края окна. Эти строки исправляют добавленный выше отступ в полноэкранном режиме, так как он там не нужен. Ваш код "*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox { -moz-appearance: -moz-window-titlebar-maximized !important; }" я видел, но он не помогает. Работают именно мои строки.

Вот как то так, если подскажете что, то буду рад.

делать не надо - обрезанные или сплющенные кнопки управления окном и др. проблеммы

В Windows 7-8 это не возможно. Ни одна программа не способна изменить кнопки управления окном. Есть лишь несколько состояний заголовка. Как минимум для тем Aero.

Отредактировано _zt (16-12-2019 11:14:06)

Vitaliy V. · №7211

_zt пишет

вываливается за край окна на 1px

За пределы окна вылезти не сможет она именно по краю.
И этот ваш отступ в [windows] 10 и др. ОС не нужен и портит вид
для этого можно использовать медиа запрос и что-то изменить только для win 7 (дефолтная тема) например
@media (-moz-os-version: windows-win7) and (-moz-windows-default-theme) { ваш код }

_zt пишет

Ваш код "*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox { -moz-appearance: -moz-window-titlebar-maximized !important; }" я видел, но он не помогает. Работают именно мои строки.

Угу конечно добавили тоже самое ниже конечно приоритет будет у нижнего кода

_zt пишет

В Windows 7-8 это не возможно

зато на [windows] 10 и на [linux] очень даже возможно и реально плющит и обрезает

чтобы уменьшить панель просто задайте размеры здесь ( для [windows] 7 только)

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

height: var(--tab-min-height, 29px) !important;
margin-bottom: calc(-1 * var(--tab-min-height, 29px)) !important;
например
height: 20px !important;
margin-bottom: -20px !important;
т.к. панель узкая можно ещё добавить
#main-menubar > menu {
-moz-appearance: none !important;
}

Отредактировано Vitaliy V. (16-12-2019 12:42:48)

_zt · №7212

Vitaliy V.

За пределы окна вылезти не сможет она именно по краю.

Технически да, окно не заканчивается по внутренней границе, есть еще две рамки. Но визуально то я вам показал, вы же не будете с очевидными скриншотами спорить?

для этого можно использовать медиа запрос и что-то изменить только для win 7 (дефолтная тема) например
@media (-moz-os-version: windows-win7) and (-moz-windows-default-theme) { ваш код }

ОК. Я думаю, что в 8.1 будет тоже самое, как 8.1 указывать -win8 ???

Угу конечно добавили тоже самое ниже конечно приоритет будет у нижнего кода

Вы правы.

чтобы уменьшить панель просто задайте размеры здесь

Исправил код выше. Посмотрите пожалуйста.

kokoss · №7213

Vitaliy V.
Подскажите пожалуйста, как скрыть синюю линию между панелью навигации и вкладок? И сдвинуть в право кнопки управления окном [firefox] ?

скрин

solombala · №7214

Vitaliy V.

тут кнопку подогнали , как бы эту с тремя точками отцентровать? Висит как-то криво..

Vitaliy V. · №7215

_zt пишет

как 8.1 указывать -win8 ???

если вместе с 7

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

@media (-moz-os-version: windows-win7) and (-moz-windows-default-theme), (-moz-os-version: windows-win8) { ваш код }

_zt пишет

Исправил код выше. Посмотрите пожалуйста.

Размер панели тоже наверное надо добавить в @media это плохо выглядит в др. осях если слишком узкая
и вот это

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

/* Здесь задается отступ от верхнего края окна */
*|*:root:not([inFullscreen])[tabsintitlebar] #navigator-toolbox > #titlebar {
height: 5px !important;
}
/* Фикс полноэкранного режима */
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #titlebar {
max-height: 0px !important;
}

заменить на одно правило

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

Выделить код

Код:

*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #titlebar {
    min-height: 5px !important;
}

kokoss пишет

скрыть синюю линию между панелью навигации и вкладок?

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

Выделить код

Код:

#nav-bar {
    box-shadow: none !important;
}

kokoss пишет

сдвинуть в право кнопки управления окном

Нельзя на аеро теме, можно только заменить их - добавить поверх другие кнопки

Добавлено 16-12-2019 17:30:54
solombala
Мне проверить не на чем

Отредактировано Vitaliy V. (16-12-2019 17:30:54)

shadow_user · №7216

Vitaliy V.
Большая просьба сделать появление этого окна с прогрессом при старте загрузки, с фиксированным размером, например, 720х240 (прописывается пользователем).
Prosba.1576510890.png
Если ранее "Библиотека" или "Все закладки" открывались с другим размером, то при старте загрузки окно все равно имеет указанный размер. Хотя бы это. Если не посредством .css, то через .js.
Опционально были бы полезны кнопка на тулбар, опция "поверх всех". Спасибо!

Вит · №7217

Прошу помочь

Добавлено 16-12-2019 19:14:31
Vitaliy V.
Подскажите: как сделать закладки в папке в 2-3 столбца ТОЛЬКО если есть более 10-15 закладок??? Моя: Win7 x64 (FF 68.02). Спасибо

Отредактировано Вит (16-12-2019 19:21:10)

_zt · №7218

Vitaliy V.
Для wi8 "(-moz-windows-default-theme)" не нужен?

Размер панели тоже наверное надо добавить в @media

Надо подумать. Лучше оставить возможность ее изменения, в первоначальном коде это сложно.

заменить на одно правило

Да, и вызов панели меню из контекстных меню починился.

Vitaliy V. · №7219

shadow_user
может не это окно а только загрузки https://github.com/alice0775/userChrome … ager.uc.js
размеры окна и расположение запоминаются в about:config
browser.download.manager.size.XXX

Вит пишет

ТОЛЬКО если есть более 10-15 закладок???

Стилем никак, как сделать не знаю не пробовал, готовых скриптов не встречал

_zt пишет

Для wi8 "(-moz-windows-default-theme)" не нужен?

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

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

Выделить код

Код:

@media (-moz-windows-compositor) {
    @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
        /* код */
    }
}

solombala · №7220

Vitaliy V.

Vitaliy V. пишет

solombala
Мне проверить не на чем

Да нашел я..
.more-options-button.ghost-button
В aboutaddons.css , та теперь popup не там....

kokoss · №7221

Vitaliy V. пишет

kokoss пишет:
скрыть синюю линию между панелью навигации и вкладок?
скрытый текст

Класс! Этот стиль не только линию скрыл, но и изменил фон в "identity box" :beer:

Vitaliy V. пишет

kokoss пишет:
сдвинуть в право кнопки управления окном
Нельзя на аеро теме, можно только заменить их - добавить поверх другие кнопки

А хотя бы скрыть светлую полоску(при использовании тёмной темы) с права, на скрине она видна ?

Отредактировано kokoss (16-12-2019 21:07:38)

Vitaliy V. · №7222

solombala пишет

Да нашел я

там же вместе с добавленными кнопками ровнять надо, пробуй так, добавь в стиль кнопки или @-moz-document url-prefix("chrome://mozapps/content/extensions/") { сюда }

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

addon-card .cb-cloned-buttons-container,
addon-card .more-options-menu {
display: flex !important;
align-items: end !important;
align-self: end !important;
margin-top: 0 !important;
}
addon-card panel-list[valign="top"] {
bottom: 20px !important;
}

Добавлено 16-12-2019 21:07:55

kokoss пишет

А хотя бы скрыть светлую полоску(при использовании тёмной темы) с права, на скрине она видна ?

Надо в 7 посмотреть позже гляну

Добавлено 16-12-2019 21:10:17

kokoss пишет

но и изменил фон в "identity box"

Нет такого не должно быть, наверно у вас где то ошибка синтаксиса была или появилась

Отредактировано Vitaliy V. (16-12-2019 21:10:17)

kokoss · №7223

Vitaliy V. пишет

kokoss пишет:
но и изменил фон в "identity box"
Нет такого не должно быть, наверно у вас где то ошибка синтаксиса была или появилась

Вы правы, просто была отключена строка: @import "./css/locationbar/identitybox_colors.css"; /**/ в стилях Arisa.

shadow_user · №7224

Vitaliy V. пишет

может не это окно а только загрузки https://github.com/alice0775/userChrome … ager.uc.js
размеры окна и расположение запоминаются в about:config
browser.download.manager.size.XXX

Не могу даже увидеть, что это, увы, смог только сохранить этот .js. Непонятно, как его применить, куда поместить. По параметру для about:config тоже непонятно, такого, даже без .ХХХ, в нем нет. Его создать в таком виде: browser.download.manager.size = 720? Прошу помощи.

Отредактировано shadow_user (16-12-2019 21:42:04)

_zt · №7225

Окончательный код для скрытия заголовка и панели вкладок опубликован здесь - https://forum.mozilla-russia.org/viewto … 56#p775956 Пока вроде все.

Vitaliy V.
Сделал как вы сказали. Спасибо!

Раньше думал, что не получится привести вид браузера к такому же виду как в 30-50 версиях у меня было. Однако мечты сбываются. :beer:

Отредактировано _zt (16-12-2019 21:58:27)

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

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

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

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

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

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

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

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

Код:

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

Код:

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

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

Код:

Код:

Код:

Код:

Код:

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

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

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

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

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

Код:

Код:

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

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

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

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

Код:

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

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

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

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

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

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

Board footer