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

xrun1 · №13326

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

Atherson · №13327

Как уменьшить интервал выпадающего меню приложений на 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 · №13328

Atherson пишет

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

Выделить код

Код:

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

Atherson · №13329

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 · №13330

Atherson
Тогда так:

Выделить код

Код:

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

fuchsfan · №13331

Atherson пишет

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

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

Atherson · №13332

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 · №13333

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

Выделить код

Код:

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

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

6e73epo · №13334

oleg.sgh, здесь

fuchsfan · №13335

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

oleg.sgh · №13336

6e73epo

здесь

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

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

kokoss · №13337

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

oleg.sgh · №13338

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

Oakwood · №13339

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

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

Выделить код

Код:

/* Боковая панель истории/закладки наведением мыши */
#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 · №13340

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 · №13341

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

Ник 22 · №13342

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

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

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

Ник 22 · №13343

Еще одна просьба. После обновления до 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)

JKT · №13344

Всем здравствовать.
Как сделать, чтоб в полноэкранном режиме панель вкладок всегда была видна. Видел по поиску на форуме несколько вариантов, но чего то не работают. Может конфликт с другим скриптом, у меня она сдвинута вниз вот так
FF 112 ESR

Вит · №13345

Здравствуйте! Прошу помощи, так как на ФФ 115esr пропали кнопки Закрыть-сверуть (на любой теме) и появились какие-то кнопки вверх-вниз (см. скрин), их бы убрать, так же пропала бок панель. Коды от Виталия. Спасибо всем кто откликнется. Ссылка: https://ibb.co/q9ZxXDW

fuchsfan · №13346

Вит пишет

Прошу помощи, так как на ФФ 115esr пропали кнопки Закрыть-сверуть (на любой теме) и появились какие-то кнопки вверх-вниз

Конфликт интересов, т.е. конфликт стилей css или скриптов. Перво-наперво измените имя папки Chrome на Chrome_____ , очистите кэш автозапуска и проверьте, если кнопки вернулись, вычисляйте виновника, поочередно отключая css и скрипты методом половинного разбиения. А потом "требуйте отстоя пены", т.е. просите исправить виновника.

Вит · №13347

fuchsfan пишет

Конфликт интересов

В этом я дуд-дубом. Использовал другой код и кнопки появились. теперь очень нужен код: ЗАКЛАДКИ в несколько строк, именно закладки!!!
PS Нашел такой код, но закладки надо листать стрелками, они полностью в несколько строк не отображаются, кто поможет?

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

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_bookmarks.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Makes bookmarks toolbar span multiple rows */

#PersonalToolbar{
--multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
--multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
max-height: none !important;
}
:root[BookmarksToolbarOverlapsBrowser] :where(#PersonalToolbar){
height: unset !important;
}

#PlacesToolbar > hbox:not(#PlacesToolbarDropIndicatorHolder){
display: block;
width: 100vw;
}

#PlacesToolbarItems{
display: flex;
flex-wrap: wrap;
/* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
max-height: calc(var(--multirow-bmb-n-rows) * (4px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,var(--bookmark-block-padding)))))) !important;
overflow-y:auto;
scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor);
scrollbar-gutter: stable;
scrollbar-width: thin;
}

/* Hide the all-bookmarks button */
#PlacesChevron{ display: none }

/* Add some spacing between rows */
#PlacesToolbarItems > .bookmark-item{
margin: var(--multirow-bmb-row-margin) 3px !important;
visibility: visible !important; /* Just in case they would be hidden for some reason */
}

Отредактировано Вит (29-09-2023 16:41:17)

6e73epo · №13348

Вит пишет

ЗАКЛАДКИ в несколько строк,

Вит · №13349

6e73epo Очень вам благодарен, Большое спасибо, всё-как надо! Скроллбал исчез!!! Вот где бы взять рабочий add toolbar buttons и Боковую панель, как ранее была от Виталия, что бы эти кнопки там расположить? И убрать скроллбар в позиции Вкладки в несколько строк! Спасибо

Отредактировано Вит (30-09-2023 08:33:38)

Viatcheslav · №13350

Вит пишет

Вот где бы взять рабочий add toolbar buttons

https://www.upload.ee/files/15535965/add_toolbar_buttons_vitaliy.ru.zip.html

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

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