New Navigation bar line mechanics

PROxZIMA · Aug 29, 2021 · 74afded · 74afded
1 parent 24e5f67
commit 74afded
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/css/responsiveNavbar.css b/css/responsiveNavbar.css
@@ -1,7 +1,7 @@
 #navigator-toolbox {
     position: fixed !important;
     line-height: 0;
-    max-height: var(--tab-min-height) !important;
+/*    max-height: var(--tab-min-height) !important;*/
     z-index: 1;
     pointer-events: none;
     background: var(--back-color1) !important;

diff --git a/css/tabbar.css b/css/tabbar.css
@@ -90,24 +90,30 @@
 /* The Blue line in the top bar*/
 #main-window:not([sizemode="maximized"]) #navigator-toolbox:before {
     content: "";
+    position: absolute !important;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(90deg, rgb(0,3,1),rgb(0, 140, 255),rgb(0,120,215),rgb(0,120,215),rgb(0,120,215),rgb(0,140,215), rgb(0,3,1));
-    clip:rect(27px,2600px,29px,0px);
-    position: absolute !important;
+    background-size: 100% 2px !important;
+    background-repeat: no-repeat !important;
+    background-position: left bottom !important;
+/*    clip:rect(27px,2600px,29px,0px);*/
 }
 
 #navigator-toolbox:after {
     content: "";
+    position: absolute !important;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(90deg, rgb(0,3,1),rgb(0, 140, 255),rgb(0,120,215),rgb(0,120,215),rgb(0,120,215),rgb(0,140,215), rgb(0,3,1));
-    clip:rect(27px,2600px,29px,0px);
-    position: absolute !important;
+    background-size: 100% 2px !important;
+    background-repeat: no-repeat !important;
+    background-position: left bottom !important;
+/*    clip:rect(27px,2600px,29px,0px);*/
 }
 
 #navigator-toolbox {

diff --git a/css/urlbar.css b/css/urlbar.css
@@ -245,11 +245,14 @@ search-textbox#search-box {
 #PersonalToolbar {
     background-color: var(--back-color1) !important;
     color: var(--text-color1) !important;
-    padding: 2px !important;
     padding-inline: 2px !important;
     min-height: 0px !important;
 }
 
+#PersonalToolbar[collapsed="true"] {
+    padding: 0px !important;
+}
+
 #PersonalToolbar .toolbarbutton-1:hover, toolbarbutton.bookmark-item:hover {
     background-color: var(--back-color3) !important;
     color: inherit !important;