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

vv07 · №10501

Viatcheslav пишет

Да, было бы очень здОрово реанимировать отображение прогресс-бара загрузки страницы

Она была в виде кнопки и ее можно было поместить на любую панель

muxtair · №10502

muxtair пишет

Спасибо, строку опустил, но она чуть тонковата, как маленько увеличить. Не открытую вкладку открываю, она во время обновления становится толще и опять тоньше.Сверху как бы срезана.

вот так выглядит обновляемая вкладка, потом опять становиться маленькая, как остальные

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

помогите как сделать нормальную строку с вкладками.
в userChrome.css добавлял только вот этот код

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

Выделить код

Код:

/*  панель вкладок внизу окна */
@-moz-document url("chrome://browser/content/browser.xhtml") {
    :root:not([inFullscreen]) #browser { margin-bottom: 28px; }
    :root:not([inFullscreen]) #TabsToolbar { position: fixed; display: flex; bottom: -5px; width: 100%; }
  #tabbrowser-tabs { flex-grow: 1; }
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox { width: -moz-available }
  #TabsToolbar-customization-target { width: 100%; }
  .toolbar-items { width: 100%; }
}

Отредактировано muxtair (18-06-2021 08:12:34)

falcon1598 · №10503

kokoss

Да вроде ничем не отличаются

Серьезно?
Тогда сами посмотрите.

Новое контекстное меню не устраивает. К тому же слишком крупное окно
Как вернуть старое контекстное меню?

_zt · №10504

Vitaliy V. пишет

Да любой введите или очистите поле, в чем проблема то

В том что лишний клик придется делать. Нельзя ли сделать обновление окна по повторному клику без подстановки адреса?

falcon1598
Ну и что вы показываете? Выкиньте все стили или создайте новый профиль, а потом показывайте. У вас контекстное меню сломано добавленными вами стилями.

falcon1598 · №10505

_zt

Выкиньте все стили или создайте новый профиль, а потом показывайте. У вас контекстное меню сломано добавленными вами стилями.

Что значит "сломано"? Я никаких стилей не добавлял.
Я добавил только вот это.
https://github.com/Aris-t2/CustomCSSforFx
И там я не копался.
Как вернуть старое контекстное меню?

Отредактировано falcon1598 (18-06-2021 14:23:10)

_zt · №10506

Это расплата за

falcon1598 пишет

И там я не копался.

Хотите по своему, придется копаться.

muxtair · №10507

muxtair пишет

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

всем СПАСИБО :beer: заработало.

falcon1598 · №10508

_zt

Хотите по своему, придется копаться.

Чтобы копаться - нужно понимать. Не понимаешь - спроси, у того, кто понимает.
Вот и спрашиваю у спецов на данном форуме.
Что нет так с этим?

P.S. Возможно, что настройки есть в userChrome.css, но там какие-то "крякозябры" понаписаны.
Почему от нормального GUI отказались, как это было у Classic Theme Restorer?

_zt · №10509

falcon1598
Вам что трудно описание документа, которое в начале, засунуть в переводчик? Ну давайте я за вас это сделаю:

ВКЛЮЧЕНИЕ параметров: удалите комбинацию / и * перед '@import'
ОТКЛЮЧЕНИЕ параметров: добавьте комбинацию / и * перед '@import'

falcon1598 пишет

там какие-то "крякозябры" понаписаны

Не кракозябры, а ссылки на все остальные файлы в подпапках. Многие из них закомментированы, некоторые можно раскомментировать только один на секцию (так что читайте примечания к секциям), и вы сами должны методом тыка подобрать себе нужный, а не пользоваться тем "что дали".

Лично я последний раз с этим помогаю. Ищите "menuitem labels - [only use one at a time]" и закомментируйте единственную раскомментированную строку в этой секции.
Лучше использовать блокнот с подсветкой синтаксиса, например Notepad++, так вы сразу увидите что закомментировано, а что нет.

Добавлено 18-06-2021 17:59:20

falcon1598 пишет

Почему от нормального GUI отказались, как это было у Classic Theme Restorer?

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

Отредактировано _zt (18-06-2021 18:05:27)

kokoss · №10510

falcon1598 пишет

Я никаких стилей не добавлял.
Я добавил только вот это.
https://github.com/Aris-t2/CustomCSSforFx

Это тоже стили , если не в курсе! Откройте файл: userChrome.css чем вам посоветовали выше, найдите 553(зависит от версии..., у меня 3.2.4) строку и отключите её.

Отредактировано kokoss (18-06-2021 18:55:10)

falcon1598 · №10511

kokoss

Откройте файл: userChrome.css чем вам посоветовали выше, найдите 553 строку и отключите её.

Строка № 533:

Выделить код

Код:

/* FINDBAR **************************************************************************************/

Убрал /*. Но это ни на что не повлияло. Контекстное меню осталось прежним.

kokoss · №10512

falcon1598

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

Отредактировано kokoss (18-06-2021 18:50:26)

falcon1598 · №10513

kokoss
Прошу прощения. Перепутал по своей невнимательности 533 и 553.
Нашел. Отредактировал. Перезапустил FF. Получил старое контекстное меню.
Эта проблема решена.
Благодарю!

Алексей У. · №10514

Как дорисовать левую границу у крайней левой вкладки? Пробовал использовать border-left и .tabbrowser-tab::before, у остальных вкладок работает, у этой - нет.

kokoss · №10515

Vitaliy V.
Благодарю

tagnupip · №10516

вкладки вроде под адресом, но какие бы готовые стили не применял, панель меню всегда остаётся. как её убрать в этом коде

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    border-bottom: none !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
*|*:root:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox {
    visibility: hidden !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
*|*:root:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: none !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton),
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
    align-self: center !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
    vertical-align: middle !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
*|*:root[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    visibility: hidden !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
@media (-moz-windows-classic) {
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar {
    padding-top: 4px !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
    padding-top: 8px !important;
}
}
*|*:root:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
*|*:root:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
    position: static !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container,
*|*:root:not([inFullscreen]) #navigator-toolbox::after,
*|*:root:not([inFullscreen]) #TabsToolbar::after,
*|*:root:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

#urlbar-background,
#urlbar-input-container,
#searchbar {
    border-radius: calc(var(--urlbar-height, 2000px) / 2) !important;
    overflow: -moz-hidden-unscrollable;
}

*|*:root #urlbar > .urlbarView {
    border-bottom-left-radius: calc(var(--urlbar-height) / 2) !important;
    border-bottom-right-radius: calc(var(--urlbar-height) / 2) !important;

_zt · №10517

Всем страдальцам.
browser.menu.showViewImageInfo

tagnupip
Попробуйте это
#toolbar-menubar
или
#menubar-items
и
display: none !important;

Не уверен что оно по Alt будет вызываться после этого.

falcon1598 · №10518

Здравствуйте.
Не могли бы вы помочь заблокировать в главном меню FF 78.11.0 два пункта:
"Войти в Firefox" и "Панель состояния защиты"?

Спасибо.

xrun1 · №10519

tagnupip
Если пользуетесь ucf, тогда можно попробовать https://forum.mozilla-russia.org/viewtopic.php?pid=784310#p784310

_zt · №10520

falcon1598
Здравствуйте, давно не виделись. )

Выделить код

Код:

#appMenu-addon-banners,
#appMenu-update-banner,
#appMenu-fxa-status,
#appMenu-tp-separator {
    display: none !important;
}

Добавлено 21-06-2021 11:11:43
xrun1
Ага, конечно https://forum.mozilla-russia.org/viewto … 43#p791943

Добавлено 21-06-2021 11:14:42
falcon1598
Не трите свои посты, это не красиво и приведет к тому, что вам перестанут отвечать. Подумайте об этом.

Отредактировано _zt (21-06-2021 11:15:01)

falcon1598 · №10521

_zt

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

#appMenu-addon-banners,
#appMenu-update-banner,
#appMenu-fxa-status,
#appMenu-tp-separator {
display: none !important;
}

Добавил в userChrome.css. Сохранил и перезапустил Firefox.
Не сработало. Оба пункта присутствуют.

xrun1 · №10522

falcon1598
Попробуйте так. 1-й "Войти...", 2-й "Панель...", 3-й и 4-й - сепараторы.

Выделить код

Код:

#appMenu-fxa-label, #appMenu-protection-report-button, #appMenu-tp-separator,
.PanelUI-subView toolbarseparator {
    display: none !important;
}

falcon1598 · №10523

xrun1

Попробуйте так. 1-й "Войти...", 2-й "Панель...", 3-й и 4-й - сепараторы.

Не пойдет. Вы убрали все разделители.
Я спросил: как убрать "Войти в Firefox" и "Панель состояния защиты".
Зачем править что-то еще?

sandro79 · №10524

falcon1598 пишет

"Войти в Firefox"

https://github.com/Aris-t2/CustomCSSfor … e.css#L254 или identity.fxaccounts.enabled — false

"Панель состояния защиты"

https://github.com/Aris-t2/CustomCSSfor … e.css#L256
Убрать /* в начале строк 254 и 256

Продолжаю потихоньку подрихтовывать Протоновское контекстное меню для [windows] 10. Оставлю здесь код, может кому пригодится.
Раскраска менюшек практически в допротоновском стиле, не зависит от темы firefox и с прямыми углами

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

Выделить код

Код:

@media (-moz-windows-default-theme) and (-moz-os-version: windows-win10) {
menupopup > menuitem, menupopup > menu {
	padding-block: 2px !important;
	padding-inline-start: 12px !important;
}
menupopup {
    --menuitem-hover-background-color: #91C9F7 !important;
    --menu-background-color: #F2F2F2 !important;
    --menu-color: #000000 !important;
    --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.6) !important;
    --menu-disabled-color: rgba(21, 20, 26, 0.5) !important;
    --menu-border-color: #919191 !important;
    --menu-icon-opacity: 0.7 !important;
}
menupopup, .menupopup-arrowscrollbox {
	border-radius: 0 !important;
}
menupopup > menu > menupopup {
	margin-inline-start: -2px !important;
	margin-top: -5px !important;
}
}

Другой вариант. Чуть сжаты отступы в верхнем и нижнем пунктах меню

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

Выделить код

Код:

menupopup[needsgutter] menu:not([icon], .menu-iconic), 
menupopup[needsgutter] menuitem:not([checked="true"], [icon], .menuitem-iconic) {
    padding-inline-start: 12px !important;
}
menupopup > menuitem, menupopup > menu {
    padding-block: 2px !important;
}
menupopup  {
    --menuitem-hover-background-color: #91C9F7 !important;
    --menu-background-color: #F2F2F2 !important;
    --menu-color: #000000 !important;
    --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.6) !important;
    --menu-disabled-color: rgba(21, 20, 26, 0.5) !important;
    --menu-border-color: #919191 !important;
    --menu-icon-opacity: 0.7 !important;
}
menupopup {
    border-radius: 0 !important;
    --panel-border-radius: 0 !important;
    --panel-padding: 2px 0 !important;
}
menupopup > menu > menupopup {
    margin-inline-start: -2px !important;
    margin-top: -3px !important;
}
#context-sep-navigation {
    margin-top: -2px !important;
}

Отредактировано sandro79 (06-09-2021 20:50:39)

falcon1598 · №10525

sandro79

Убрать /* в начале строк 254 и 256

Все сделал. Вышеуказанные пункты исчезли.
Большое спасибо!

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

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