kokoss, спасибо.
Как всегда коротко и ясно.
1. Немного изменил ваш код
toolbarbutton menupopup[placespopup] menuseparator { padding-block: 3px !important; }
Получилось так
Изменение padding для Закладок и Разделителей (выпадающее меню)
Панель закладок (Bookmarks toolbar) и кнопка Меню закладок (Bookmarks Menu button).
toolbarbutton menupopup[placespopup] > :is(menu, menuitem) { padding-block: 3px !important; min-height: unset !important; } toolbarbutton menupopup[placespopup] menuseparator { padding-block: 3px !important; }
2. Вы написали код для изменения цвета (выпадающее меню)
Панель закладок (Bookmarks toolbar) и кнопка Меню закладок (Bookmarks Menu button).
toolbarbutton menupopup[placespopup] { appearance: none !important; --panel-background: LightGray !important; --panel-border-color: LightGray !important; --panel-color: var(--arrowpanel-color); --panel-border-radius: var(--arrowpanel-border-radius); --panel-padding: var(--panel-subview-body-padding); }
Можно ли сократить этот код так
toolbarbutton menupopup[placespopup] { appearance: none !important; --panel-background: LightGray !important; --panel-border-color: LightGray !important; }
Отредактировано woe495 (28-03-2023 14:35:11)
Отсутствует
Товарищи!
Firefox 110
Здесь мы видим цвет наведения (закладки и папки) в выпадающем меню
Панель меню (Menu bar).
Как добиться, чтобы такой же цвет наведения (закладки и папки) был и в выпадающем меню
Панель закладок (Bookmarks toolbar) и кнопка Меню закладок (Bookmarks Menu button).
Я так понимаю, Firefox для наведения в Панель меню (Menu bar) использует системный цвет Windows.
Отредактировано woe495 (13-03-2023 16:40:08)
Отсутствует
Как добиться, чтобы такой же цвет наведения (закладки и папки) был и в выпадающем меню
Так попробуйте
toolbarbutton menupopup[placespopup] > :is(menu, menuitem):not([disabled])[_moz-menuactive] { background-color: #d2e1f1 !important; border-radius: 2px !important; outline: 1px solid #92b6e6; outline-offset: -1px; }
toolbarbutton menupopup[placespopup] > :is(menu, menuitem) { appearance: auto !important; }
Отредактировано sandro79 (09-03-2023 20:58:31)
Отсутствует
sandro79, спасибо.
Отдельная благодарность за строку
appearance: auto !important
Сейчас изучаю это
Firefox 110
Имеется ввиду чистый браузер, без изменений.
1. Скажите, какой цвет (background и border) используется в выпадающем меню Панель меню (Menu bar).
Буду делать несколько вариантов userChrome.css.
Отредактировано woe495 (13-03-2023 16:44:08)
Отсутствует
какой цвет (background и border) используется в выпадающем меню Панель меню
Ну судя по инспектору инструментов браузера, похоже, что background-color: Menu; и border: 1px solid ThreeDShadow;
Если пипеткой брать с вашего скришота, то #f0f0f0 и #b1b1b1
какой цвет используется для наведения (закладки и папки) в выпадающем меню Панель закладок
--button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent);
--button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent);
Смотрите css-стили браузера переходом по адресам: chrome://global/skin/popup.css, chrome://browser/skin/customizableui/panelUI-shared.css, chrome://browser/skin/browser-shared.css
Так ещё можно для пунктов меню панели закладок цвета задать
toolbarbutton menupopup[placespopup] > :is(menu, menuitem):not([disabled]) { --panel-item-hover-bgcolor: grey; --panel-item-active-bgcolor: green; }
Отредактировано sandro79 (10-03-2023 20:08:56)
Отсутствует
Подскажите, можно как-то стилем сделать так, чтобы показывало номер версии у отключенных дополнений на странице about:addons (chrome://mozapps/content/extensions/aboutaddons.html)..?
Сейчас использую стиль от Aris, но он отображает только версии у включенных:
Отредактировано LGS (11-03-2023 13:44:45)
Отсутствует
Привет, народ. После обновления на последний браузер у меня перестал работать css-стиль в Библитеке отдельной и в виде вкладки. Использую для скрытия строк "Метки" и "Ключевое слово". Код брал здесь же.
И еще. Когда сохраняю страницу через звездочку в адресной строке, как тоже скрыть строку "Метки"?
sandro79 спасибо. Работает.
Отредактировано death7lord (12-03-2023 11:36:03)
Отсутствует
скрытия строк "Метки" и "Ключевое слово"
.editBMPanel_tagsRow, .editBMPanel_keywordRow { display: none !important; } #detailsPane { height: auto !important; min-height: auto !important; }
Отредактировано sandro79 (29-03-2023 01:06:19)
Отсутствует
Всем привет.
В 111 Firefox строка extensions.unifiedExtensions.enabled = false больше не работает.
Как убрать кнопку с правой части панели нашли: https://www.heise.de/forum/heise-online … 7659/show/
А как вернуть кнопку расширений на левую сторону панели-как было в 110 не нашли...
Моть местные умельцы присоветуют как кнопишку вернуть на старое место.
Отсутствует
sandro79 Очень понравился ваш код: toolbarbutton menupopup[placespopup] > :is(menu, menuitem):not([disabled])[_moz-menuactive] {
background-color: #d2e1f1 !important;
border-radius: 2px !important;
outline: 1px solid #92b6e6;
outline-offset: -1px;
}
Мне хотелось бы что бы такое выделение было и по ПКМ:там где Вырезать-Скопировать и т.д. Спасибо
Отсутствует
Мне хотелось бы что бы такое выделение было и по ПКМ:там где Вырезать-Скопировать и т.д.
Попробуйте такой вариант
:is(menu:where([_moz-menuactive="true"]:not([disabled="true"])), menuitem:where([_moz-menuactive="true"]:not([disabled="true"]))):not(#context-navigation > .menuitem-iconic[_moz-menuactive="true"],#main-menubar > menu, #context-navigation > .menuitem-iconic[_moz-menuactive="true"] > .menu-iconic-left > .menu-iconic-icon) { background-color: #d2e1f1 !important; border-radius: 2px !important; outline: 1px solid #92b6e6; outline-offset: -1px; }
Отсутствует
Firefox 111
Изменить выпадающее меню
Панель закладок и кнопка Меню закладок
Я использую этот код
toolbarbutton menupopup[placespopup] { appearance: none !important; --panel-background: #f0f0f0 !important; --panel-border-color: #979797 !important; --panel-border-radius: 0px !important; } toolbarbutton menupopup[placespopup] > :is(menu, menuitem) { padding-block: 3px !important; min-height: unset !important; } toolbarbutton menupopup[placespopup] menuseparator { padding-block: 3px !important; } toolbarbutton menupopup[placespopup] > :is(menu, menuitem):not([disabled])[_moz-menuactive] { background-color: #d1e2f2 !important; border-radius: 0px !important; outline: 1px solid #78aee5; outline-offset: -1px; }
Вопрос
Как можно это исправить?
Есть
top - 2px | bottom - 3px
Надо
top - 2px | bottom - 2px
Вопрос
Как добавить такую же тень в выпадающее меню
Панель закладок и кнопка Меню закладок
Отредактировано woe495 (28-03-2023 11:10:11)
Отсутствует
Dumby,sandro79 Подскажите пожалуйста как эту кнопку поднять наверх использую код от Vitaliy.V в 111.0 поломалась
@-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(255, 255, 255); --v-main-menubar-background-color: rgb(0, 116, 232); --v-main-menubar-background-color-hover: rgb(23, 139, 255); --v-main-menubar-background-color-active: rgb(0, 89, 232); } /* Классическое меню - показывать при наведении или при нажатии клавиши "Alt" --> */ #titlebar > #toolbar-menubar[autohide="true"] #main-menubar > menu { -moz-appearance: none !important; 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; } #titlebar > #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; } #titlebar > #toolbar-menubar[autohide="true"] #menubar-items:hover > #main-menubar, #titlebar > #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]) #titlebar > #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; } #titlebar > #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; } #titlebar > #toolbar-menubar[autohide="true"] #main-menubar { -moz-appearance: none !important; appearance: none !important; background: none !important; border-radius: 0px !important; padding-block: 0 !important; } #titlebar > #toolbar-menubar[autohide="true"] #menubar-items::before { content: "F"; display: -moz-box; padding: 0px 2px; font: menu; font-weight: bold; font-style: normal; -moz-box-align: center; -moz-box-pack: 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; } #titlebar > #toolbar-menubar[autohide="true"] #menubar-items:hover::before, #titlebar > #toolbar-menubar[autohide="true"] #main-menubar > menu:not([disabled="true"]):is(:hover,[_moz-menuactive="true"]) { background: var(--v-main-menubar-background-color-hover) !important; } #titlebar > #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; } #titlebar > #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]) #titlebar > #toolbar-menubar[autohide="true"] + #TabsToolbar :is(.titlebar-placeholder,.titlebar-spacer)[type="pre-tabs"] { display: -moz-box !important; } :root:not([inFullscreen]) #titlebar > #toolbar-menubar[autohide="true"] + #TabsToolbar .tabbrowser-tab[first-visible-tab]::before { content: "" !important; display: block !important; } :root:not([inFullscreen]) #titlebar > #toolbar-menubar[autohide="true"]:not([inactive]) + #TabsToolbar > .titlebar-buttonbox-container { visibility: visible !important; } #titlebar > #toolbar-menubar[autohide="true"] + #TabsToolbar > .toolbar-items { padding-top: 0 !important; margin-top: 0 !important; } /* Добавляет отображение названия браузера в строке меню */ #main-menubar::after { display: inline-flex; content: attr(version); 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; /* красеый цвет шрифта */ }
Отсутствует
в 111.0 поломалась
Не смог воспроизвести, ни в Win7, ни в Win10
(надо полагать, Панель меню выключена, Панель вкладок сверху).
"Кнопка" [F] всегда располагается в левом верхнем углу
клиентской области окна, с включённым заголовком, и с выключенным,
в развёрнутом окне, и в неразвёрнутом.
Отсутствует
egorsemenov06 пишетв 111.0 поломаласьНе смог воспроизвести, ни в Win7, ни в Win10(надо полагать, Панель меню выключена, Панель вкладок сверху)."Кнопка" [F] всегда располагается в левом верхнем углуклиентской области окна, с включённым заголовком, и с выключенным,в развёрнутом окне, и в неразвёрнутом.
Нашел виновника это из-за вот этого скрипта version-attr.js
// Версия браузера в меню (async id => { var ucs = { esr: "ESR", beta: "Beta", release: "Release", nightly: "Nightly", aurora: "DevEdition", default: "Unbraindead", // ? }; var arr = [ Services.appinfo.name, "v" + AppConstants.MOZ_APP_VERSION_DISPLAY, `(${Services.appinfo.is64Bit ? 64 : 32}-bit)` ]; var uc = ucs[AppConstants.MOZ_UPDATE_CHANNEL]; uc && arr.splice(1, 0, uc); document.getElementById(id).setAttribute("version", arr.join(" ")); })("main-menubar");
scriptschrome: { // Для докум. окна браузера [ChromeOnly] domload: [ // По событию "DOMContentLoaded" { path: "version-attr.js" }, // Версия браузера в меню ], load: [ // По событию "load" // { path: "special_widgets.js", ucfobj: true, }, // <-- Special Widgets // { path: "auto_hide_sidebar.js", ucfobj: true, }, // <-- Auto Hide Sidebar ], },
Отредактировано egorsemenov06 (16-03-2023 18:18:24)
Отсутствует
это из-за вот этого скрипта version-attr.js
При чём тут скрипт?
Скрипт не делает ничего видимого, просто устанавливает атрибут.
А атрибут подхватывает уже стиль, значит дело в стиле.
Вот блоки скрытия и показа #main-menubar'а:
#titlebar > #toolbar-menubar[autohide="true"] #menubar-items > #main-menubar {…}
#titlebar > #toolbar-menubar[autohide="true"] #menubar-items:hover > #main-menubar,
#titlebar > #toolbar-menubar[autohide="true"]:not([inactive]) #menubar-items > #main-menubar {…}
Попробуй дописать в них ещё и свойство height
со значением 0 и auto (соответственно).
Отсутствует
egorsemenov06 пишетэто из-за вот этого скрипта version-attr.js
При чём тут скрипт?
Скрипт не делает ничего видимого, просто устанавливает атрибут.
А атрибут подхватывает уже стиль, значит дело в стиле.Вот блоки скрытия и показа #main-menubar'а:
#titlebar > #toolbar-menubar[autohide="true"] #menubar-items > #main-menubar {…}
#titlebar > #toolbar-menubar[autohide="true"] #menubar-items:hover > #main-menubar,
#titlebar > #toolbar-menubar[autohide="true"]:not([inactive]) #menubar-items > #main-menubar {…}Попробуй дописать в них ещё и свойство height
со значением 0 и auto (соответственно).
Отсутствует
Вопрос по обновленной кнопке Расширения в FF111:
как я понял прежнего функционала, как у старой кнопки Другие инструменты уже не получить
а можно ли тогда хотя бы подредактировать отображение текущего вида?
1. например, можно ли в самом раскрывающемся списке скрыть доп.комментарий под каждым названием установленных расширений (права и разрешения)
2. можно ли скрыть строки с "ненужными" и неактивными расширениями?
3. скрыть и сам заголовок РАСШИРЕНИЯ внутри
тогда кнопка внутри станет намного компактнее и уже приемлемей
Отредактировано Inko7 (17-03-2023 21:43:45)
Отсутствует
а можно ли тогда хотя бы подредактировать отображение текущего вида?
Ковырялся недавно в этом меню, сейчас несколько селекторов добавил
.unified-extensions-item-message, .unified-extensions-list, .unified-extensions-item-contents, #unified-extensions-manage-extensions, #unified-extensions-panel toolbarseparator:last-of-type { display: none !important; } #unified-extensions-panel .unified-extensions-item { padding-block: 0px !important; --uei-icon-size: 18px; } .unified-extensions-item-menu-button.subviewbutton { padding: 4px !important; }
Отредактировано sandro79 (18-03-2023 22:18:04)
Отсутствует
Кнопка "Расширения" сейчас прибита намертво.
Возможно ли её как-то открепить, чтобы была возможность переместить на другую панель?
Например, на дополнительную панель из UCF.
Отредактировано unter_officer (17-03-2023 23:13:45)
«The Truth Is Out There»
Отсутствует
а можно ли тогда хотя бы подредактировать отображение текущего вида?
Или такой вариант:
#unified-extensions-panel .unified-extensions-item { padding-block: 0px !important; } .unified-extensions-item-menu-button.subviewbutton { padding: 1px !important; } #unified-extensions-view{ --uei-icon-size: 16px; } .unified-extensions-item-message-deck { display: none; } #unified-extensions-view > .panel-header { min-height: 4px !important; } #unified-extensions-view > .panel-subview-footer-button { margin-bottom: 0 !important; }
Отредактировано kokoss (17-03-2023 23:50:59)
Win7
Отсутствует
Mozilla Firefox quantum, подскажите плз, какой код добавить в userChrome.css чтобы добавить в контекстном меню вкладки пункт для копирования адреса страницы?
Отредактировано rsuan (18-03-2023 13:35:32)
Отсутствует
Вот тут чувак превратил это меню в таблицу с иконками (по крайней мере на скрине), но кода реализации этой красоты - я найти не смог
© уважением Neytrino.
Отсутствует