shy-compact.css (3044B)
1 /*== ShyFox Compact Menus =========================================================================================================================== 2 3 Shrink some things so they take up less space 4 5 6 --- CONTEXT MENU ------------------------------------------------------------------------------------------------------------------------------------ 7 8 */ 9 10 @media not (-moz-platform: macos) { 11 .menupopup-arrowscrollbox, 12 #context-navigation > .menuitem-iconic {border-radius: var(--big-rounding) !important;} 13 } 14 15 #context-navigation > .menuitem-iconic[disabled="true"] {background-color: transparent !important;} 16 17 menupopup > :is(menuitem, menu){ 18 height: fit-content !important; 19 & > * { 20 padding: 0px !important; 21 margin: 1px !important; 22 } 23 24 max-width: 300px !important; 25 border-radius: var(--rounding) !important; 26 margin: 0 !important; 27 28 padding-block: 0px !important; 29 padding-inline-start: 5px !important; 30 } 31 32 /* large context menu */ 33 @media -moz-pref("shyfox.larger.context.menu"){ 34 menupopup > :is(menuitem, menu) > * {padding: 5px 0px !important;} 35 } 36 37 /* margin for some menus */ 38 :is(.bookmark-item, #PlacesChevron, #bookmarks-menu-button, #sidebarMenu-popup) :is(menuitem, menu) {margin-inline: 5px !important;} 39 40 /* remove some items from sidebar header menu */ 41 #sidebarMenu-popup :is(menuitem[data-l10n-id="sidebar-menu-close"], menuseparator:nth-last-of-type(1)) {display: none} 42 /* 43 44 --- EXTENSIONS MENU --------------------------------------------------------------------------------------------------------------------------------- 45 46 */ 47 48 @media not -moz-pref("shyfox.disable.compact.unified.extensions") { 49 50 #unified-extensions-view{ 51 52 --uei-icon-size: 24px; 53 --extensions-in-row: 4; 54 55 width: 100% !important; 56 :is( 57 toolbarseparator, 58 .unified-extensions-item-menu-button.subviewbutton, 59 .unified-extensions-item-action-button .unified-extensions-item-contents 60 ) {display: none !important;} 61 62 :is( 63 #overflowed-extensions-list, 64 #unified-extensions-area, 65 .unified-extensions-list 66 ){ 67 display: grid !important; 68 grid-template-columns: repeat(var(--extensions-in-row),auto); 69 justify-items: center !important; 70 align-items: center !important; 71 } 72 73 :is( 74 :is( 75 #unified-extensions-area, 76 .unified-extensions-list 77 ) .unified-extensions-item, 78 .unified-extensions-list 79 ){max-width: max-content;} 80 81 #unified-extensions-area { 82 margin-bottom: 5px !important; 83 border-top: 1px solid var(--panel-separator-color); 84 border-bottom: 1px solid var(--panel-separator-color); 85 padding-top: 5px !important; 86 padding-bottom: 5px !important; 87 } 88 89 .unified-extensions-item[attention] > .unified-extensions-item-action-button.subviewbutton { 90 background-position: left calc(var(--uei-dot-horizontal-position-in-panel) - 4px) bottom var(--uei-dot-vertical-position-in-panel) !important; 91 } 92 .unified-extensions-item-action-button {padding-right: 3px !important;} 93 } 94 }