From ff6bec5eff17df82028c93da2dae34c74bfa6e6f Mon Sep 17 00:00:00 2001 From: soup-bowl Date: Tue, 23 Jan 2024 07:40:08 +0000 Subject: [PATCH 1/4] Padding spec and toolbar width declaraiton. --- IE6/chrome/toolbars.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/IE6/chrome/toolbars.css b/IE6/chrome/toolbars.css index b559c57..2cea951 100644 --- a/IE6/chrome/toolbars.css +++ b/IE6/chrome/toolbars.css @@ -19,6 +19,7 @@ padding-top: 2px !important; border-top: 1px solid #eef0f3 !important; border-bottom: 1px solid #86929e !important; + padding-right: 14px !important; } toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar) { @@ -63,6 +64,10 @@ toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar) { min-height: 27px !important; } +#TabsToolbar .toolbar-items, +#TabsToolbar-customization-target { + width:100%; +} #tabbrowser-tabs { width: 100vw !important; From e46ac5759cd3c3aa2969e776b6764d3f5d3a98bf Mon Sep 17 00:00:00 2001 From: soup-bowl Date: Fri, 26 Jan 2024 17:49:07 +0000 Subject: [PATCH 2/4] Menu button padding adjusted for density --- IE6/chrome/toolbars.css | 40 ++++++++++++++++++++++++++-------------- 1 file changed, 26 insertions(+), 14 deletions(-) diff --git a/IE6/chrome/toolbars.css b/IE6/chrome/toolbars.css index 2cea951..9b8b264 100644 --- a/IE6/chrome/toolbars.css +++ b/IE6/chrome/toolbars.css @@ -3,29 +3,41 @@ /* Hacks overrides*/ #navigator-toolbox { - padding-top: calc(23px + var(--uc-titlebar-padding,0px)) !important; + padding-top: calc(23px + var(--uc-titlebar-padding, 0px)) !important; } #toolbar-menubar { - height: 23px !important; + height: 23px !important; } + /* ! Hacks overrides*/ #nav-bar { margin-top: 1px !important; - padding: 1px !important; - background: linear-gradient(0deg, rgba(177,189,201,1) 0%, rgba(221,227,235,1) 100%) !important; + background: linear-gradient(0deg, rgba(177, 189, 201, 1) 0%, rgba(221, 227, 235, 1) 100%) !important; padding-top: 2px !important; border-top: 1px solid #eef0f3 !important; border-bottom: 1px solid #86929e !important; +} + +#main-window[uidensity="compact"] #nav-bar { padding-right: 14px !important; } +#main-window[uidensity="normal"] #nav-bar, +#main-window:not([uidensity]) #nav-bar { + padding-right: 18px !important; +} + +#main-window[uidensity="touch"] #nav-bar { + padding-right: 20px !important; +} + toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar) { -moz-appearance: none !important; margin-bottom: -4px !important; - background: linear-gradient(0deg, rgba(221,227,235,1) 0%, rgba(177,189,201,1) 100%) !important; + background: linear-gradient(0deg, rgba(221, 227, 235, 1) 0%, rgba(177, 189, 201, 1) 100%) !important; padding: 1px !important; border-top: 1px solid #eef0f3 !important; border-bottom: 1px solid #86929e !important; @@ -37,15 +49,15 @@ toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar) { #toolbar-menubar { -moz-appearance: none !important; - background-color: rgba(221,227,235,1) !important; + background-color: rgba(221, 227, 235, 1) !important; padding: 0px !important; padding-left: 2px !important; } #main-window[tabsintitlebar="true"] #toolbar-menubar { border: none !important; - background-image: linear-gradient(to right, #000060,#A1C4E9) !important; -} + background-image: linear-gradient(to right, #000060, #A1C4E9) !important; +} #main-window[tabsintitlebar="true"] #toolbar-menubar .menubar-text { color: #fff !important; @@ -58,7 +70,7 @@ toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar) { #TabsToolbar { -moz-appearance: none !important; - background: linear-gradient(180deg, rgba(98,109,112,1) 0%, rgba(142,157,161,1) 25%); + background: linear-gradient(180deg, rgba(98, 109, 112, 1) 0%, rgba(142, 157, 161, 1) 25%); padding: 0px !important; padding-left: 2px !important; min-height: 27px !important; @@ -66,18 +78,18 @@ toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar) { #TabsToolbar .toolbar-items, #TabsToolbar-customization-target { - width:100%; + width: 100%; } #tabbrowser-tabs { width: 100vw !important; /* Suggested by philberthfz to cope with Firefox densities. https://github.com/soup-bowl/Modoki-Firefox/issues/5#issuecomment-1364602687 */ - max-height: 27px !important; + max-height: 27px !important; } -:root:not([lwtheme-image]) .browserContainer > findbar:-moz-lwtheme { - background-color: rgba(221,227,235,1) !important; +:root:not([lwtheme-image]) .browserContainer>findbar:-moz-lwtheme { + background-color: rgba(221, 227, 235, 1) !important; background-image: none !important; } @@ -92,4 +104,4 @@ toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar) { #PersonalToolbar .bookmark-item:hover, #PersonalToolbar .toolbarbutton-1:hover { border: 1px outset rgb(221, 227, 235); -} +} \ No newline at end of file From 995c2011e557b3a3522dce3226e2acd5c0bd45b6 Mon Sep 17 00:00:00 2001 From: soup-bowl Date: Fri, 26 Jan 2024 17:52:15 +0000 Subject: [PATCH 3/4] Udpated hide menu instructions --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 9578869..0c384be 100644 --- a/README.md +++ b/README.md @@ -62,6 +62,8 @@ If done correctly, you Firefox will now be skinned with Modern Modoki. **Please #PanelUI-button { display: none !important; } ``` +And comment out **lines 24 to 35** of **toolbars.css**. + ## 🌟 Credits * Inspired by **[Modern Modoki theme][mm]**, itself inspired by **Netscape Navigator**. From 64720e1a16ac196e3345a4577e600b67eb821ae3 Mon Sep 17 00:00:00 2001 From: soup-bowl Date: Fri, 26 Jan 2024 17:56:10 +0000 Subject: [PATCH 4/4] Removal instructions if desired --- IE6/chrome/toolbars.css | 2 ++ README.md | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/IE6/chrome/toolbars.css b/IE6/chrome/toolbars.css index 9b8b264..e3c221e 100644 --- a/IE6/chrome/toolbars.css +++ b/IE6/chrome/toolbars.css @@ -21,6 +21,7 @@ border-bottom: 1px solid #86929e !important; } +/* ! Menu padding - remove these lines if you wish to remove the menu button. */ #main-window[uidensity="compact"] #nav-bar { padding-right: 14px !important; } @@ -33,6 +34,7 @@ #main-window[uidensity="touch"] #nav-bar { padding-right: 20px !important; } +/* ! Menu padding */ toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar) { -moz-appearance: none !important; diff --git a/README.md b/README.md index 0c384be..baf2f1f 100644 --- a/README.md +++ b/README.md @@ -62,7 +62,7 @@ If done correctly, you Firefox will now be skinned with Modern Modoki. **Please #PanelUI-button { display: none !important; } ``` -And comment out **lines 24 to 35** of **toolbars.css**. +And comment out **lines 24 to 37** of **toolbars.css**. ## 🌟 Credits