W edgemaxx

- Style Urlbar Zoom Button - Fix page action buttons being hidden in Australis
echelon-theme · Feb 28, 2024 · 9a1fe94 · 9a1fe94
1 parent 96027c9
commit 9a1fe94
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 7 deletions.
diff --git a/Echelon/Profile Folder/chrome/Echelon.tweaks.css b/Echelon/Profile Folder/chrome/Echelon.tweaks.css
@@ -856,7 +856,7 @@
   margin-top: 1px !important;
 }
 
-#main-window[echelon-style-4] .urlbar-page-action {
+#main-window[echelon-style-4] #star-button-box {
   display: none !important;
 }
 

diff --git a/Echelon/Profile Folder/chrome/Echelon.urlBar.css b/Echelon/Profile Folder/chrome/Echelon.urlBar.css
@@ -96,7 +96,6 @@
   display: none !important;
 }
 
-/* Hacky method for shadows */
 .urlbarView::after {
   content: "" !important;
   display: inline-block !important;
@@ -563,6 +562,22 @@
   background-position-x: -32px !important;
 }
 
+#urlbar-zoom-button {
+  font-size: 0.8em !important;
+  padding: 0 8px !important;
+  margin: 0 3px !important;
+  border-radius: 1em !important;
+  background-color: hsla(0, 0%, 0%, 0.05) !important;
+  border: 1px solid ThreeDLightShadow !important;
+  color: inherit !important;
+}
+#urlbar-zoom-button:hover {
+  background-color: hsla(0, 0%, 0%, 0.1) !important;
+}
+#urlbar-zoom-button:hover:active {
+  background-color: hsla(0, 0%, 0%, 0.15) !important;
+}
+
 #main-window:not([echelon-style-2]) #notification-popup-box {
   order: -1 !important;
   height: 100% !important;

diff --git a/Echelon/Profile Folder/chrome/build.txt b/Echelon/Profile Folder/chrome/build.txt
@@ -1 +1 @@
-314
+335
diff --git a/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.tweaks.scss b/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.tweaks.scss
@@ -40,7 +40,7 @@
 
 /** ECHELON STYLE 1 (Firefox 5.0 - 9.0) **/
 
-#main-window:not([echelon-style-3])[echelon-style-1] toolbar .toolbarbutton-1:not(#new-tab-button, #reload-button.unified, #stop-button.unified, #go-button.unified, #appmenu-button, #alltabs-button) {
+#main-window:not([echelon-style-3])[echelon-style-1] toolbar .toolbarbutton-1:not(  #new-tab-button, #reload-button.unified, #stop-button.unified, #go-button.unified, #appmenu-button, #alltabs-button) {
   border-radius: 3.5px;
   border-color: rgba(0,0,0,.12) rgba(0,0,0,.19) rgba(0,0,0,.38);
   box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset,
@@ -934,7 +934,7 @@
   margin-top: 1px !important;
 }
 
-#main-window[echelon-style-4] .urlbar-page-action {
+#main-window[echelon-style-4] #star-button-box {
   display: none !important;
 }
 

diff --git a/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.urlBar.scss b/Echelon/Profile Folder/chrome/echelon-scss-src/Echelon.urlBar.scss
@@ -89,8 +89,7 @@
   display: none !important;
 }
 
-/* Hacky method for shadows */
-
+// Hacky method for menupopup styled shadows
 .urlbarView::after {
   content: '' !important;
   display: inline-block !important;
@@ -606,6 +605,26 @@
   }
 }
 
+// Urlbar Zoom Button
+
+#urlbar-zoom-button {
+  font-size: .8em !important;
+  padding: 0 8px !important;
+  margin: 0 3px !important;
+  border-radius: 1em !important;
+  background-color: hsla(0,0%,0%,.05) !important;
+  border: 1px solid ThreeDLightShadow !important;
+  color: inherit !important;
+
+  &:hover {
+    background-color: hsla(0,0%,0%,.1) !important;
+
+    &:active {
+      background-color: hsla(0,0%,0%,.15) !important;
+    }
+  }
+}
+
 // NOTIFICATION POPUPS
 
 #main-window:not([echelon-style-2]) #notification-popup-box {