95 lines
3 KiB
CSS
95 lines
3 KiB
CSS
/*== ShyFox Compact Menus ===========================================================================================================================
|
|
|
|
Shrink some things so they take up less space
|
|
|
|
|
|
--- CONTEXT MENU ------------------------------------------------------------------------------------------------------------------------------------
|
|
|
|
*/
|
|
|
|
@media not (-moz-platform: macos) {
|
|
.menupopup-arrowscrollbox,
|
|
#context-navigation > .menuitem-iconic {border-radius: var(--big-rounding) !important;}
|
|
}
|
|
|
|
#context-navigation > .menuitem-iconic[disabled="true"] {background-color: transparent !important;}
|
|
|
|
menupopup > :is(menuitem, menu){
|
|
height: fit-content !important;
|
|
& > * {
|
|
padding: 0px !important;
|
|
margin: 1px !important;
|
|
}
|
|
|
|
max-width: 300px !important;
|
|
border-radius: var(--rounding) !important;
|
|
margin: 0 !important;
|
|
|
|
padding-block: 0px !important;
|
|
padding-inline-start: 5px !important;
|
|
}
|
|
|
|
/* large context menu */
|
|
@media (-moz-bool-pref: "shyfox.larger.context.menu"){
|
|
menupopup > :is(menuitem, menu) > * {padding: 5px 0px !important;}
|
|
}
|
|
|
|
/* margin for some menus */
|
|
:is(.bookmark-item, #PlacesChevron, #bookmarks-menu-button, #sidebarMenu-popup) :is(menuitem, menu) {margin-inline: 5px !important;}
|
|
|
|
/* remove some items from sidebar header menu */
|
|
#sidebarMenu-popup :is(menuitem[data-l10n-id="sidebar-menu-close"], menuseparator:nth-last-of-type(1)) {display: none}
|
|
/*
|
|
|
|
--- EXTENSIONS MENU ---------------------------------------------------------------------------------------------------------------------------------
|
|
|
|
*/
|
|
|
|
@media not (-moz-bool-pref: "shyfox.disable.compact.unified.extensions") {
|
|
|
|
#unified-extensions-view{
|
|
|
|
--uei-icon-size: 24px;
|
|
--extensions-in-row: 4;
|
|
|
|
width: 100% !important;
|
|
:is(
|
|
toolbarseparator,
|
|
.unified-extensions-item-menu-button.subviewbutton,
|
|
.unified-extensions-item-action-button .unified-extensions-item-contents
|
|
) {display: none !important;}
|
|
|
|
:is(
|
|
#overflowed-extensions-list,
|
|
#unified-extensions-area,
|
|
.unified-extensions-list
|
|
){
|
|
display: grid !important;
|
|
grid-template-columns: repeat(var(--extensions-in-row),auto);
|
|
justify-items: center !important;
|
|
align-items: center !important;
|
|
}
|
|
|
|
:is(
|
|
:is(
|
|
#unified-extensions-area,
|
|
.unified-extensions-list
|
|
) .unified-extensions-item,
|
|
.unified-extensions-list
|
|
){max-width: max-content;}
|
|
|
|
#unified-extensions-area {
|
|
margin-bottom: 5px !important;
|
|
border-top: 1px solid var(--panel-separator-color);
|
|
border-bottom: 1px solid var(--panel-separator-color);
|
|
padding-top: 5px !important;
|
|
padding-bottom: 5px !important;
|
|
}
|
|
|
|
.unified-extensions-item[attention] > .unified-extensions-item-action-button.subviewbutton {
|
|
background-position: left calc(var(--uei-dot-horizontal-position-in-panel) - 4px) bottom var(--uei-dot-vertical-position-in-panel) !important;
|
|
}
|
|
.unified-extensions-item-action-button {padding-right: 3px !important;}
|
|
}
|
|
}
|