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

fuchsfan · №13501

rubel пишет

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

Я не знаю, но стоит попробовать. В браузере есть переключение стилей скроллбара, влияющее на ширину скролла. А вдруг оно будет иметь эффект при использовании скрипта https://forum.ru-board.com/topic.cgi?fo … tart=160#5

rubel · №13502

fuchsfan
Ну вот с этим значением - 2 Скролбар GTK меня вполне устраивает. Спасибо ! :beer:

kokoss · №13503

rubel
Можно ещё добавить скроллбар в закладки

+ цвет полосы прокрутки

Выделить код

Код:

:root {
  scrollbar-color: #0040aa transparent !important;
}

и тогда везде вроде будет.

xrun1 · №13504

Dumby
Часть 2 к этому.
При большом списке, который не помещается по вертикали, ломается прокрутка в кнопке "Дополнения". И в кнопке приложения Add Toolbar Buttons аналогично. Не знаете, как и это поправить?

rubel · №13505

kokoss
Спасибо за внимание. Я пока остановился на скрипте.

Atherson · №13506

kokoss
https://forum.mozilla-russia.org/viewtopic.php?pid=806958#p806958
Все получилось в лучшем виде.
Благодарствую.

Dumby · №13507

xrun1 пишет

Часть 2 к этому.

Ааа, у них там --panel-shadow-margin используется в round(…, 1px);

То есть, его нужно тоже указывать в пикселях
--panel-shadow-margin: 0px !important;

xrun1 · №13508

Dumby
Опять спасибо, получилось. :beer:
И что интересно, в кнопке менять display: -moz-box -> display: flex не стоит. Отваливаются check-point'ы (надеюсь, правильно назвал "квадратик-c-галочкой")).

Atherson · №13509

Как уменьшить интервал выпадающего меню приложений на 115 лисе?
Так было на 112

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

https://i.postimg.cc/6pYhTS9k/2023-09-16-18-29-08.png

Так стало на 115

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

https://i.postimg.cc/MT8Xw6Cq/2023-09-16-18-29-57.png

Фрагменты используемого стиля

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

/* Межстрочные интервалы главного меню */
#PlacesToolbar menupopup {
margin-top: -1px !important;
--arrowpanel-menuitem-margin: 0 1px !important;
--arrowpanel-border-radius: 1px !important;
--arrowpanel-menuitem-border-radius: 2px !important;
--panel-subview-body-padding: 2px 0 !important;
}

/* Межстрочные интервалы системного меню */
:root {
--arrowpanel-menuitem-padding: 4px 8px !important;
}

Можно поджать меню в 115 как оно было в 112
Спасибо.

kokoss · №13510

Atherson пишет

Как уменьшить интервал выпадающего меню приложений на 115 лисе?

Выделить код

Код:

.unified-extensions-item-menu-button.subviewbutton {
  padding-block: 0 !important;
  margin-inline-start: 0 !important;
}

Atherson · №13511

kokoss
Вложенный выше код не работает.
Может в этом можно что то подправить?

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

/* Компактная кнопка-меню Расширения для FF111 и выше */
#unified-extensions-panel #unified-extensions-view {
max-width: 288px !important;
}
#unified-extensions-view{
--uei-icon-size: 18px;
}
#unified-extensions-panel .unified-extensions-item {
padding-block: 0px !important;
}
.unified-extensions-item-menu-button.subviewbutton {
padding: 1px !important;
}
.unified-extensions-item-message-deck {
display: none;
}
#unified-extensions-view > .panel-subview-footer-button {
margin-bottom: 0 !important;
}
#unified-extensions-view .unified-extensions-list {
display: none !important;
}
#unified-extensions-view .panel-header,
#unified-extensions-view .panel-header + toolbarseparator,
#unified-extensions-view .panel-subview-body + toolbarseparator,
#unified-extensions-view #unified-extensions-manage-extensions {

}

kokoss · №13512

Atherson
Тогда так:

Выделить код

Код:

#unified-extensions-panel .unified-extensions-item {
  margin-block: -8px !important;
}

fuchsfan · №13513

Atherson пишет

Как уменьшить интервал выпадающего меню приложений на 115 лисе?

https://forum.ru-board.com/topic.cgi?fo … art=160#11

Atherson · №13514

kokoss
Этот вариант работает, :beer:

fuchsfan
Этот https://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=160#11 не работает.
Но всё равно благодарю за участие.

Отредактировано Atherson (17-09-2023 10:37:39)

oleg.sgh · №13515

Стиль переставлял пункт контекстного меню (закладок) от дополнения вверх. В последних версиях он перестал работать. Думал и фик с ним, но неудобно. Сам селектор не изменился. Можно исправить?

Выделить код

Код:

#default-bookmark-folder_gustiaux_com-menuitem-_context_menu_bookmark{
    -moz-box-ordinal-group: 0 !important;
}

Отредактировано oleg.sgh (17-09-2023 12:25:45)

6e73epo · №13516

oleg.sgh, здесь

fuchsfan · №13517

oleg.sgh
Ежели что, папку по умолчанию для сохранения закладок можно назначить без расширения, в about:config.

oleg.sgh · №13518

6e73epo

здесь

Написано много, но мне не понятно.

fuchsfan
Спасибо, знаю. В дополнении есть и другие опции.

kokoss · №13519

oleg.sgh
Замените -> -moz-box-ordinal-group: 0; на -> order: -1;

oleg.sgh · №13520

kokoss
Видел же этот вариант в теме, но не сообразил. Благодарю.

Oakwood · №13521

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

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

Выделить код

Код:

/* Боковая панель истории/закладки наведением мыши */
#sidebar-box
{position:fixed!important;
top:70px;
bottom:20px;
width: 0px !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
-moz-appearance: none !important;
border: 1px solid rgba(151,151,151,.4) !important;
border-left: 0 !important;
border-radius: 0 0px 0px 0 !important;
opacity: 0 !important;
-moz-transition: width 0s ease-out 0s, opacity 0s ease-out 0s !important;}


#sidebar-box:hover
{width: 404px !important; /*-adjust sidebar width here-*/
height: 948px !important;
opacity: 1 !important;
-moz-transition: width .0s ease-out .0s, opacity .0s ease-out .0s !important;}

#history-panel tooltip,
#sidebar-search-label,
#sidebar-header,
#sidebar-splitter
{display:none !important;}

#search-box
{-moz-appearance: none !important;
background: rgba(100,100,100,.4) !important;
border: 0 !important;
border-radius: 5px !important;
height: 20px !important;
color: #eee !important;}

#sidebar
{width:100%!important;
height:100%!important;}

Отредактировано Oakwood (23-09-2023 16:19:57)

kokoss · №13522

Oakwood
В [firefox] 115 работает, будет ли работать в 117...

проверяйте

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
#sidebar-box {
    --v-sidebar-min-width: 2px; /* зона открытия от края экрана */
    --v-sidebar-min-width-normal: 5px;
    --v-sidebar-max-width: 30em; /* ширина */
    --v-sidebar-transition-delay-show: .3s; /* время до открытия */
    --v-sidebar-transition-delay-hide: .6s; /* время до закрытия */
    --v-sidebar-transition-duration: .3s; /* время анимации */
    /* ********************************************** */

    position: relative !important;
    z-index: 2 !important;
    min-width: var(--v-sidebar-max-width) !important;
    width: var(--v-sidebar-max-width) !important;
    max-width: var(--v-sidebar-max-width) !important;
    overflow: hidden !important;
    opacity: 0 !important;
    --v-sidebar-margin-max-width: calc(-1 * var(--v-sidebar-max-width));
    --v-sidebar-transform-locale-dir: -1;
    --v-sidebar-transform-locale-dir-visible: 1;
    margin-inline-start: 0 !important;
    margin-inline-end: var(--v-sidebar-margin-max-width) !important;
    border: none !important;
    border-inline-end: 1px solid var(--sidebar-border-color, ThreeDShadow) !important;
    transform: translateX(calc(var(--v-sidebar-transform-locale-dir) * (var(--v-sidebar-max-width) - var(--v-sidebar-min-width)))) !important;
    transition-timing-function: linear, step-start !important;
    transition-delay: var(--v-sidebar-transition-delay-hide), calc(var(--v-sidebar-transition-delay-hide) + var(--v-sidebar-transition-duration)) !important;
    transition-duration: var(--v-sidebar-transition-duration), 0s !important;
    transition-property: transform, opacity !important;
}
#sidebar-box[positionend="true"] {
    margin-inline-start: var(--v-sidebar-margin-max-width) !important;
    margin-inline-end: 0 !important;
    border-inline-start: 1px solid var(--sidebar-border-color, ThreeDShadow) !important;
    border-inline-end: none !important;
}
#sidebar-box[positionend="true"]:-moz-locale-dir(ltr),
#sidebar-box:not([positionend="true"]):-moz-locale-dir(rtl) {
    --v-sidebar-transform-locale-dir: 1;
    --v-sidebar-transform-locale-dir-visible: -1;
}
:root[v_vertical_bar_autohide][v_vertical_bar_sidebar="true"] #sidebar-box:not(:hover,[sidebardrag]),
:root[v_vertical_bar_autohide]:not([v_vertical_bar_sidebar]) #sidebar-box:not(:hover,[sidebardrag]) {
    transition-delay: 0s, var(--v-sidebar-transition-duration) !important;
}
:root[sizemode="normal"] #sidebar-box {
    --v-sidebar-min-width: var(--v-sidebar-min-width-normal) !important;
}
#sidebar-box:hover,
#sidebar-box[sidebardrag] {
    transform: translateX(0px) !important;
    opacity: 1 !important;
    transition-delay: var(--v-sidebar-transition-delay-show) !important;
}
:root[v_vertical_bar_visible][v_vertical_bar_start="true"] #sidebar-box:not([positionend="true"]),
:root[v_vertical_bar_visible][v_vertical_bar_start="false"] #sidebar-box[positionend="true"] {
    transform: translateX(calc(var(--v-sidebar-transform-locale-dir-visible) * var(--v-vertical_bar_width, 0px))) !important;
    opacity: 1 !important;
    transition-delay: 0s !important;
}
#browser > #sidebar-splitter {
    display: none !important;
}
#sidebar-box > #sidebar {
    min-width: 30px !important;
    width: auto !important;
    max-width: none !important;
    flex-grow: 1 !important;
}
}

Oakwood · №13523

kokoss
Ого, огромное спасибо! :beer: Работает, тут совсем другой код.

Ник 22 · №13524

Убедительно прошу помощи. После обновления до версии 115.3.0 ESR во время запуска браузера на доли секунд в шапке окна появляется вот такая ерунда. До обновления такого не было. Как это исправить? Спасибо.

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

Отредактировано Ник 22 (27-09-2023 08:19:34)

Ник 22 · №13525

Еще одна просьба. После обновления до 115.3.0 ESR перестал работать этот код делающий меню и контекстное меню серого цвета. Как исправить эту проблему? Спасибо.

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

menupopup {
--menuitem-hover-background-color: #66ace4 !important;
--menu-background-color: #d1d2d4 !important;
--menu-color: #000000 !important;
--menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.6) !important;
--menu-disabled-color: #919191 !important;
--menu-border-color: #0078d7 !important;
--menu-icon-opacity: 0.7;
font-weight: 600 !important;
}

Отредактировано Ник 22 (27-09-2023 12:36:10)

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

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