diff --git a/README.org b/README.org index 0b25b26..879df51 100644 --- a/README.org +++ b/README.org @@ -76,7 +76,7 @@ Linux, mac users: #+BEGIN_SRC - bash -c "$(curl -fsSL https://github.com/black7375/Firefox-UI-Fix/wiki/Installation-Guide)" + bash -c "$(curl -fsSL https://raw.githubusercontent.com/black7375/Firefox-UI-Fix/master/install.sh" #+END_SRC *Menual Inatallation* diff --git a/userChrome.css b/userChrome.css index 03036f0..78b0235 100644 --- a/userChrome.css +++ b/userChrome.css @@ -66,7 +66,8 @@ } } - /** Root - Reduce Padding ***************************************************/ + /** Reduce Padding **********************************************************/ + /*= Root - Reduce Padding ==================================================*/ :root { /* Tab Bar */ --inline-tab-padding: 6px !important; /* Original: 8px */ @@ -96,7 +97,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 */ } @@ -153,7 +154,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 */ @@ -202,6 +203,108 @@ 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; + } + /** Multi Selected Color - More Contrast ************************************/ #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected]:not([selected]):-moz-lwtheme { background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)), @@ -465,55 +568,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 {