diff --git a/userChrome.css b/userChrome.css index 547e561..6d990e4 100644 --- a/userChrome.css +++ b/userChrome.css @@ -66,7 +66,8 @@ } } - /** Root - Reduce Padding ***************************************************/ + /** Reduce Padding **********************************************************/ + /*= Root - Reduce Padding ==================================================*/ :root { /* Tab Bar */ --proton-tab-block-margin: 2px !important; /* Original: 4px */ @@ -98,7 +99,7 @@ --arrowpanel-menuitem-padding: 8px !important; /* Original: 8px */ } - /** Tab Bar - Reduce Width, Show more tabs **********************************/ + /*= Tab Bar - Reduce Width, Show more tabs =================================*/ .titlebar-spacer[type="pre-tabs"] { width: 30px !important; /* Original: 40px */ } @@ -155,7 +156,7 @@ margin-inline-end: -.5px !important; } - /** Tab Bar - Reduce Height, Show more contents *****************************/ + /*= Tab Bar - Reduce Height, Show more contents ============================*/ /* Toolbar Height */ :root:not([uidensity=touch]) #TabsToolbar { --toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */ @@ -207,6 +208,109 @@ background-position-y: bottom calc(.5px + var(--tabs-navbar-shadow-size)) !important; } + /*= URL Bar - Reduce Padding ===============================================*/ + :root:not([uidensity=touch]) #urlbar-container, #search-container { + padding-block: 2px; /* Original: 4px */ + margin-inline: 5px; /* Original: 5px */ + } + + /* spread menu */ + :root[uidensity=compact] .urlbarView-row:not([type=tip], [type=dynamic]) { + padding-block: 1px; /* [Compact, General]: 2px, Touch: 11px */ + } + :root[uidensity=compact] #urlbar .search-one-offs:not([hidden]) { + padding-block: 2px; /* [Compact, General]: 4px, Touch 11px */ + } + + /*= BookMark Bar - Reduce Height ===========================================*/ + :root[uidensity=compact] #PersonalToolbar toolbarbutton { + margin-top: 0px; /* Original: 2px */ + } + + /*= Menu - Reduce Padding ==================================================*/ + :root { + --menu-padding: 0.35em; + } + :root[uidensity=compact] { + --menu-padding: 0.25em; + } + :root[uidensity=touch] { + --menu-padding: 0.5em; + } + menupopup > menuitem, menupopup > menu { + /* Original: 0.5em */ + padding-block: var(--menu-padding) !important; + } + + @supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { + :root:not([uidensity=touch]) .menu-text, .menu-iconic-text { + padding-inline-end: 0 !important; /* Original: 2px */ + } + :root:not([uidensity=touch]) .menupopup-arrowscrollbox { + padding-block: 1px !important; /* Original: 4px*/ + } + :root:not([uidensity=touch]) #context-navigation:not([hidden]) { + padding: 0 0 1px !important; /* Original: 0 0 4px*/ + } + :root:not([uidensity=touch]) .menu-right { + margin-right: 6px !important; /* Original: 12px */ + } + } + + /** Poup Panel - Reduce padding**********************************************/ + #protections-popup-main-header-label { + height: unset !important; /* Original: 37.6px */ + } + + #identity-popup, + #permission-popup, + #protections-popup { + --vertical-section-padding: 0.8em; /* Original: 0.9em */ + } + + .protections-popup-footer-button, + .protections-popup-category { + min-height: 24px; /* Original: 32px */ + height: unset !important; + } + + /** Popup panel - Compact mode */ + /* Footer Button Height */ + :root[uidensity=compact] .panel-footer.panel-footer-menulike > button { + padding: 3px 8px !important; + } + /* Footer Button Height */ + :root[uidensity=compact] #protections-popup-trackersView-settings-button { + margin: 4px 8px 0 !important; + } + /* not cut off for Protection popup Footer on windows */ + :root[uidensity=compact] #protections-popup-multiView #protections-popup-footer { + padding: 3px 0 20px !important; + } + /* Button and disabed category in Protection popup */ + :root[uidensity=compact] #protections-popup-multiView .protections-popup-footer-button, + :root[uidensity=compact] #protections-popup-multiView .protections-popup-category { + height: 20px !important; + min-height: 20px !important; + } + /* Footer Button in Tracking Content Panel */ + :root[uidensity=compact] #protections-popup-multiView .panel-footer.panel-footer-menulike { + margin: 0 0 3px !important; + } + /* Identity popup header padding */ + :root[uidensity=compact] #identity-popup-multiView #identity-popup-mainView-panel-header { + padding: 2px 5px !important; + } + /* Text When There is no trackers */ + :root[uidensity=compact] #protections-popup-no-trackers-found-description { + margin: 2em 4em !important; + } + /* Download Item margin */ + :root[uidensity=compact] #downloadsListBox { + margin: 0 !important; + } + + /** Tab Bar - Connect to window *********************************************/ .tab-background { border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px !important; @@ -578,55 +682,6 @@ display: none !important; } - /** URL Bar - Reduce Padding ************************************************/ - :root:not([uidensity=touch]) #urlbar-container, #search-container { - padding-block: 2px; /* Original: 4px */ - margin-inline: 5px; /* Original: 5px */ - } - - /* spread menu */ - :root[uidensity=compact] .urlbarView-row:not([type=tip], [type=dynamic]) { - padding-block: 1px; /* [Compact, General]: 2px, Touch: 11px */ - } - :root[uidensity=compact] #urlbar .search-one-offs:not([hidden]) { - padding-block: 2px; /* [Compact, General]: 4px, Touch 11px */ - } - - /** BookMark Bar - Reduce Height ********************************************/ - :root[uidensity=compact] #PersonalToolbar toolbarbutton { - margin-top: 0px; /* Original: 2px */ - } - - /** Menu - Reduce Padding ***************************************************/ - :root { - --menu-padding: 0.35em; - } - :root[uidensity=compact] { - --menu-padding: 0.25em; - } - :root[uidensity=touch] { - --menu-padding: 0.5em; - } - menupopup > menuitem, menupopup > menu { - /* Original: 0.5em */ - padding-block: var(--menu-padding) !important; - } - - @supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root:not([uidensity=touch]) .menu-text, .menu-iconic-text { - padding-inline-end: 0 !important; /* Original: 2px */ - } - :root:not([uidensity=touch]) .menupopup-arrowscrollbox { - padding-block: 1px !important; /* Original: 4px*/ - } - :root:not([uidensity=touch]) #context-navigation:not([hidden]) { - padding: 0 0 1px !important; /* Original: 0 0 4px*/ - } - :root:not([uidensity=touch]) .menu-right { - margin-right: 6px !important; /* Original: 12px */ - } - } - /** Panel - Icons ***********************************************************/ /*= Padding ================================================================*/ :root {