questi sono 3 files di userchrome.css, come posso spostarlo in basso nella barra delle estensioni?
unified_extensions_button_hidden.css
#unified-extensions-button {
display: none !important;
}
unified_extensions_button_popup_icons_only.css dove in cui per abilitarlo/disabilitarlo vanno inseriti/cancellati questi 3
#unified-extensions-view .panel-header,
#unified-extensions-view toolbarseparator,
#unified-extensions-manage-extensions,
.unified-extensions-item-contents,
.unified-extensions-item-action-button .toolbarbutton-text,
.unified-extensions-item-menu-button {
display: none !important;
}
.unified-extensions-item-action-button :is(.toolbarbutton-icon,.unified-extensions-item-icon) {
width: 16px !important;
height: 16px !important;
padding: 0 !important;
margin: 0 !important;
}
#unified-extensions-view .toolbaritem-combined-buttons {
margin: 0 !important;
}
#unified-extensions-panel .unified-extensions-item {
padding-block: 0 !important;
}
#unified-extensions-view toolbarbutton {
padding: 4px !important;
}
#unified-extensions-view .unified-extensions-item-icon,
#unified-extensions-view .unified-extensions-item .webextension-browser-action.subviewbutton > .toolbarbutton-badge-stack {
margin-inline-end: 0px !important;
}
#unified-extensions-view toolbarbutton menupopup[placespopup] > :is(menu, menuitem),
#unified-extensions-view .subview-subheader,
#unified-extensions-view panelview .toolbarbutton-1,
#unified-extensions-view .subviewbutton,
#unified-extensions-view .widget-overflow-list .toolbarbutton-1 {
margin: 0 !important;
}
unified_extensions_button_popup_icons_only_horizontal.css
#unified-extensions-view .panel-header,
#unified-extensions-view toolbarseparator,
#unified-extensions-manage-extensions,
.unified-extensions-item-contents,
.unified-extensions-item-action-button .toolbarbutton-text,
.unified-extensions-item-menu-button {
display: none !important;
}
.unified-extensions-item-action-button :is(.toolbarbutton-icon,.unified-extensions-item-icon) {
width: 16px !important;
height: 16px !important;
padding: 0 !important;
margin: 0 !important;
}
#unified-extensions-view .toolbaritem-combined-buttons {
margin: 0 !important;
}
#unified-extensions-view *,
#unified-extensions-view {
flex-direction: row !important;
}
#unified-extensions-panel .unified-extensions-item {
padding-block: 0 !important;
}
#unified-extensions-view toolbarbutton {
padding: 4px !important;
}
#unified-extensions-view .unified-extensions-item-icon,
#unified-extensions-view .unified-extensions-item .webextension-browser-action.subviewbutton > .toolbarbutton-badge-stack {
margin-inline-end: 0px !important;
}
#unified-extensions-view toolbarbutton menupopup[placespopup] > :is(menu, menuitem),
#unified-extensions-view .subview-subheader,
#unified-extensions-view panelview .toolbarbutton-1,
#unified-extensions-view .subviewbutton,
#unified-extensions-view .widget-overflow-list .toolbarbutton-1 {
margin: 0 !important;
}
ho notato che extensions.unifiedExtensions.enabled non fa alcun effetto quindi se metto false non si nasconde.
funziona solo su userchrome.css dove in cui per abilitarlo/disattivarlo vanno inseriti/cancellati tutti e 3 questo /*
/* --------------------------------------------------
Unified extensions button - Add-ons toolbar button
--------------------------------------------------
[!] only use one option at a time
*/
/* @import "./css/buttons/unified_extensions_button_hidden.css"; /**/
/* @import "./css/buttons/unified_extensions_button_popup_icons_only.css"; /**/
/* @import "./css/buttons/unified_extensions_button_popup_icons_only_horizontal.css"; /**/