Small Progress Bars Use a Single 50% Line

Any progress bar in a toolbar or statusbar will be considered "small". Progress bar in Customize Toolbar dialog should be WYSIWYG.
RealityRipple · Nov 20, 2021 · 943a311 · 943a311
1 parent 36e7dee
commit 943a311
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 16 deletions.
diff --git a/src/chrome/browser/statusbar/overlay.css b/src/chrome/browser/statusbar/overlay.css
@@ -14,18 +14,16 @@
 }
 toolbar[customizing="true"] #wrapper-status4evar-progress-widget progressmeter[value="0"], #palette-box #wrapper-status4evar-progress-widget progressmeter
 {
+ margin: 0;
+ min-width: 96px;
+ border-top: 0;
+ border-bottom: 0;
+ -moz-border-right-colors: #808080;
+ -moz-border-left-colors: #808080;
  background-image: linear-gradient(
   to right,
-  transparent 0%, 
-  transparent calc(10% - 1px), #FFFFFF 10%, transparent calc(10% + 1px),
-  transparent calc(20% - 1px), #FFFFFF 20%, transparent calc(20% + 1px),
-  transparent calc(30% - 1px), #FFFFFF 30%, transparent calc(30% + 1px),
-  transparent calc(40% - 1px), #FFFFFF 40%, transparent calc(40% + 1px),
-  transparent calc(50% - 1px), #FFFFFF 50%, transparent calc(50% + 1px),
-  transparent calc(60% - 1px), #FFFFFF 60%, transparent calc(60% + 1px),
-  transparent calc(70% - 1px), #FFFFFF 70%, transparent calc(70% + 1px),
-  transparent calc(80% - 1px), #FFFFFF 80%, transparent calc(80% + 1px),
-  transparent calc(90% - 1px), #FFFFFF 90%, transparent calc(90% + 1px),
+  transparent 0%,
+  transparent 50%, #FFFFFF 50%, transparent calc(50% + 1px),
   transparent 100%
  ),
  linear-gradient(to bottom, transparent 0%, #FFFFFF 50%, transparent 100%);

diff --git a/src/chrome/global/progressmeter.css b/src/chrome/global/progressmeter.css
@@ -13,7 +13,7 @@ progressmeter
  min-height: 15px;
  background-image: linear-gradient(
   to right,
-  transparent 0%, 
+  transparent 0%,
   transparent calc(10% - 1px), #FFFFFF 10%, transparent calc(10% + 1px),
   transparent calc(20% - 1px), #FFFFFF 20%, transparent calc(20% + 1px),
   transparent calc(30% - 1px), #FFFFFF 30%, transparent calc(30% + 1px),
@@ -26,14 +26,24 @@ progressmeter
   transparent 100%
  );
 }
+toolbar progressmeter, statusbar progressmeter
+{
+ margin: 0;
+ min-width: 96px;
+ border-top: 0;
+ border-bottom: 0;
+ -moz-border-right-colors: #808080;
+ -moz-border-left-colors: #808080;
+ background-image: linear-gradient(
+  to right,
+  transparent 0%,
+  transparent 50%, #FFFFFF 50%, transparent calc(50% + 1px),
+  transparent 100%
+ );
+}
 .progress-bar
 {
  -moz-appearance: none;
  min-width: 0px;
  background-image: linear-gradient(to bottom, transparent 0%, #FFFFFF 50%, transparent 100%);
 }
-.progressmeter-statusbar
-{
- margin: 0;
- min-width: 96px;
-}