4.5.3

Aris-t2 · May 25, 2024 · ba991da · ba991da
1 parent 6bc9e1d
commit ba991da
Show file tree

Hide file tree

Showing 9 changed files with 96 additions and 30 deletions.
diff --git a/current/config/general_variables.css b/current/config/general_variables.css
@@ -57,7 +57,7 @@
   /* for urlbar_border_roundness.css */
   --megabar_border_roundness: 20px !important;
 
-  /* for top_toolbar_colors.css */
+  /* for top_toolbar_colors.css and top_toolbar_colors_v2.css */
   --top_toolbars_background: hsl(235,33%,19%) !important; /* #0063b1 */ /* hsl(235,33%,19%) was used by old accent color option  */ 
   --top_toolbars_background_inactive: hsl(235,13%,9%) !important; /* #ffffff */
   --top_toolbars_text: hsl(240,9%,98%) !important;

diff --git a/current/css/generalui/findbar_on_top.css b/current/css/generalui/findbar_on_top.css
@@ -17,6 +17,7 @@
   width: 16px !important;
   height: 16px !important;
 }
+
 :is(.browserContainer, #viewSource) .findbar-textbox {
   font-size: 14px !important;
 }
@@ -29,30 +30,20 @@
   border-top: 0px solid transparent !important;
   border-radius: 0 0 3px 3px;
   transition-property: visibility !important;
-  background-image: unset !important;
+  /*background-image: unset !important;*/
 }
 
 :root[lwtheme] :is(.browserContainer,#viewSource) :is(findbar,#FindToolbar) {
   appearance: none !important;
   border: 1px solid var(--tabs-border-color) !important;
   border-top: 0px solid transparent !important;
-}
-
-:root[lwtheme] :is(.browserContainer, #viewSource) :is(findbar, #FindToolbar) {
   padding-block: 0 !important;
   border: unset !important;
 }
 
 :root[lwtheme] :is(.browserContainer,#viewSource) :is(findbar,#FindToolbar) .findbar-container {
   appearance: none !important;
-  background-image: linear-gradient(to bottom, var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
-  margin-inline-end: -18px !important;
-  padding-inline-end: 18px !important;
-}
-
-:root[lwtheme] :is(.browserContainer,#viewSource) :is(findbar,#FindToolbar) .findbar-container {
-  appearance: none !important;
-  background-image: linear-gradient(to bottom, var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
+  /*background-image: linear-gradient(to bottom, var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;*/*/
   margin-inline-end: -26px !important;
   padding-inline-end: 26px !important;
   margin-inline-start: -26px !important;
@@ -68,15 +59,19 @@
   margin-inline-end: 4px !important;
   font-weight: bold !important;
 }
+
 :is(.browserContainer, #viewSource) .findbar-find-status {
   font-style: italic !important;
 }
+
 :root[lwtheme]:not(:-moz-lwtheme-brighttext) :is(.browserContainer, #viewSource) .findbar-find-status {
   color: red !important;
 }
+
 :root[lwtheme]:not(:-moz-lwtheme-brighttext) :is(.browserContainer, #viewSource) .found-matches {
   color: green !important;
 }
+
 :root[lwtheme]:-moz-lwtheme-brighttext :is(.browserContainer, #viewSource) :is(.findbar-find-status,.found-matches) {
   color: white !important;
 }

diff --git a/current/css/locationbar/ac_popup_megabar_title_and_url_50percent_width.css b/current/css/locationbar/ac_popup_megabar_title_and_url_50percent_width.css
@@ -11,6 +11,9 @@
 
 #urlbar .urlbarView-url {
   margin-inline-start: 10px !important;
+  position: absolute !important;
+  display: block !important;
+  left: calc(50% + 0px) !important;
 }
 
 #urlbar .urlbarView-row:not([has-url]) .urlbarView-no-wrap {
@@ -30,7 +33,7 @@
   left: calc(50% + 0px) !important;
 }
 
-.urlbarView-row:is([type="switchtab"], [type="remotetab"], [type="clipboard"]) {
+.urlbarView-row:is([type="switchtab"],[type="remotetab"],[type="clipboard"]) {
   & > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-action {
     margin-inline-start: 0px !important;
   }

diff --git a/current/css/locationbar/ac_popup_megabar_url_and_title_50percent_width.css b/current/css/locationbar/ac_popup_megabar_url_and_title_50percent_width.css
@@ -14,7 +14,7 @@
   margin-inline-start: 0px !important;
   min-width: calc(50% - 18px) !important;
   width: calc(50% - 18px) !important;
-  left: 24px !important;
+  left: 32px !important;
 }
 
 #urlbar .urlbarView-title {
@@ -28,7 +28,6 @@
 #urlbar .urlbarView-row[type="switchtab"][has-url] .urlbarView-no-wrap .urlbarView-action,
 #urlbar .urlbarView-row:not([has-url="true"]) .urlbarView-no-wrap .urlbarView-action {
   position: absolute !important;
-  /*display: block !important;*/
   left: 24px !important;
 }
 

diff --git a/current/css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon.css b/current/css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon.css
@@ -2,13 +2,9 @@
 /* Github: https://github.com/aris-t2/customcssforfx ************************************/
 /****************************************************************************************/
 
-@import "tabs_below_navigation_toolbar.css";
 
+@import "tabs_below_navigation_toolbar.css";
 
-#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"],
-#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
-  margin-top: unset !important;
-}
 
 :root:not([lwtheme])[tabsintitlebar] #nav-bar,
 #main-window[tabsintitlebar] #nav-bar {
@@ -23,10 +19,12 @@
   border-right: 0px !important;
 }
 
-#main-window[tabsintitlebar] #toolbar-menubar:not([autohide="true"]),
-#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"] {
+#main-window[tabsintitlebar] #titlebar:has(#toolbar-menubar) {
   margin-bottom: 26px !important;
 }
+#main-window[tabsintitlebar] #titlebar:has(#toolbar-menubar[autohide][inactive]) {
+  margin-bottom: 0px !important;
+}
 
 #main-window[tabsintitlebar] #toolbar-menubar .titlebar-buttonbox-container {
   display: none !important;
@@ -35,12 +33,13 @@
 #main-window[tabsintitlebar] #nav-bar,
 #main-window[tabsintitlebar][sizemode="maximized"] #nav-bar {
   margin-top: -20px !important;
+  z-index: 1000 !important;
 }
 
 @media (-moz-platform: windows) {
 	#main-window[tabsintitlebar] #nav-bar,
 	#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar {
-	  margin-top: -28px !important;
+	  margin-top: -24px !important;
 	}
 }
 
@@ -65,7 +64,7 @@
 	  top: 1px !important;
 	}
 	#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
-	  top: 8px !important;
+	  top: 0px !important;
 	}
 }
 

diff --git a/current/css/toolbars/additional_bookmarks_toolbar_below_navbar.css b/current/css/toolbars/additional_bookmarks_toolbar_below_navbar.css
@@ -0,0 +1,70 @@
+/* Firefox userChrome.css tweaks ********************************************************/
+/* Github: https://github.com/aris-t2/customcssforfx ************************************/
+/****************************************************************************************/
+
+
+#main-window:not([customizing="true"]) #nav-bar:has(#personal-bookmarks) {
+  padding-bottom: 26px !important;
+}
+
+/* reduce maximum width of location bar and search bar on navigation toolbar */
+#main-window:not([customizing="true"]) #nav-bar:has(#personal-bookmarks) :is(#urlbar-container, #urlbar, #search-container, #searchbar)  {
+  min-width: 50px !important;
+}
+
+/* move bookmarks to empty space below navigation toolbar, if on navigation toolbar */
+#main-window:not([customizing="true"]) #nav-bar:has(#personal-bookmarks) #personal-bookmarks {
+  position: absolute !important;
+  display: block !important;
+  /*bottom: 0px !important;*/
+  min-width: 0 !important;
+  width: auto !important;
+  max-width: 100vw !important;
+}
+
+#main-window:not([customizing="true"]) #nav-bar:has(#personal-bookmarks) #personal-bookmarks {
+  margin-top: 37px !important;	
+}
+
+#main-window:not([customizing="true"])[uidensity="compact"] #nav-bar:has(#personal-bookmarks) #personal-bookmarks {
+  margin-top: 32px !important;
+}
+
+#main-window:not([customizing="true"])[uidensity="touch"] #nav-bar:has(#personal-bookmarks) #personal-bookmarks {
+ margin-top: 41px !important;
+}
+
+/* reduce size of bookmarks 'more bookmarks' menu chevron and remove its background color on navigation toolbar */
+#nav-bar:has(#personal-bookmarks) #personal-bookmarks #PlacesChevron .toolbarbutton-icon {
+  min-width: 0px !important;
+  min-height: 0px !important;
+  width: 16px !important;
+  height: 16px !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  background: unset !important;
+  box-shadow: unset !important;
+}
+
+/* set minimum height for bookmarks, when on navigation toolbar */
+#nav-bar:has(#personal-bookmarks) #personal-bookmarks toolbarbutton.bookmark-item:not(.subviewbutton) {
+  min-height: 24px !important;
+}
+
+/* adjustments */
+#nav-bar:has(#personal-bookmarks) #personal-bookmarks {
+  min-width: 40px !important;
+  width: auto !important;
+  max-width: 50vw !important;
+}
+
+/* workaround for megabar_expanding_breakout_disabled.css */
+#main-window #nav-bar:has(#personal-bookmarks) #urlbar[breakout],
+#main-window #nav-bar:has(#personal-bookmarks) #urlbar[breakout][breakout-extend] {
+  top: calc(0px + ((var(--urlbar-container-height,--urlbar-toolbar-height) - var(--urlbar-height)) / 2)) !important;
+}
+
+#nav-bar:has(#personal-bookmarks) #personal-toolbar-empty-description,
+#nav-bar:has(#personal-bookmarks) #personal-bookmarks toolbarbutton.bookmark-item:not(.subviewbutton) {
+  padding: 0 2px !important; 
+}
diff --git a/current/css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom.css b/current/css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom.css
@@ -202,7 +202,7 @@
 /* workaround for megabar_expanding_breakout_disabled.css */
 #main-window #nav-bar:has(#personal-bookmarks) #urlbar[breakout],
 #main-window #nav-bar:has(#personal-bookmarks) #urlbar[breakout][breakout-extend] {
-  top: calc(-13px + ((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2)) !important;
+  top: calc(0px + ((var(--urlbar-container-height,--urlbar-toolbar-height) - var(--urlbar-height)) / 2)) !important;
 }
 
 #nav-bar:has(#personal-bookmarks) #personal-toolbar-empty-description,

diff --git a/current/css/toolbars/general_toolbar_colors.css b/current/css/toolbars/general_toolbar_colors.css
@@ -67,7 +67,6 @@
 	}
 }
 
-
 .browserContainer > findbar > #findbar-close-container {
   background-color: unset !important;
 }

diff --git a/current/userChrome.css b/current/userChrome.css
@@ -2,7 +2,7 @@
   Firefox userChrome.css tweaks: main file
   
   Custom CSS for Firefox 115+
-  Current version: 4.5.2
+  Current version: 4.5.3
 
   Based on 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons CSS code 
   Github: https://github.com/aris-t2/customcssforfx
@@ -1006,9 +1006,10 @@
    ----------------------------------------------------
 
    [!] "Bookmarks Toolbar Items" element has to be moved to navigation toolbar in customizing mode
-   
-   Use above's 'addonbar_extra_bookmarks_toolbar_below_navbar.css' to achieve this.
 */
+
+/* @import "./css/toolbars/additional_bookmarks_toolbar_below_navbar.css"; /**/
+
 
 /* ------------------------------------------
    BOOKMARKS TOOLBAR above navigation toolbar
-Original file line number
+Diff line change
@@ Expand Up / @@ -67,7 +67,6 @@ @@
     	}
     }
     .browserContainer > findbar > #findbar-close-container {
       background-color: unset !important;
     }
@@ Expand Down @@