[libadwaita/wip/exalm/levelbar: 4/4] stylesheet: Refresh progress bar size

[Alexander Mikhaylenko <alexm src gnome org>]

commit 706bff50b8d7f127f5740a59a87a100f5e51b977
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Oct 15 18:15:11 2021 +0500

    stylesheet: Refresh progress bar size
    
    Unify with level bars. Keep .osd as is.
    
    Fixes https://gitlab.gnome.org/GNOME/libadwaita/-/issues/247

 src/stylesheet/widgets/_progress-bar.scss | 19 ++++++++++++++-----
 src/stylesheet/widgets/_scale.scss        | 10 ++--------
 2 files changed, 16 insertions(+), 13 deletions(-)
---
diff --git a/src/stylesheet/widgets/_progress-bar.scss b/src/stylesheet/widgets/_progress-bar.scss
index 5076bf98..9eccac5d 100644
--- a/src/stylesheet/widgets/_progress-bar.scss
+++ b/src/stylesheet/widgets/_progress-bar.scss
@@ -3,14 +3,14 @@ progressbar {
   &.horizontal {
     > trough {
       min-width: 150px;
-      &, > progress { min-height: 4px; }
+      &, > progress { min-height: 8px; }
     }
   }
 
   &.vertical {
     > trough {
       min-height: 80px;
-      &, > progress { min-width: 4px; }
+      &, > progress { min-width: 8px; }
     }
   }
 
@@ -30,7 +30,7 @@ progressbar {
     > progress {
       @extend %scale_highlight; /* share most of scales' */
 
-      $_progress-radius: 5px;
+      $_progress-radius: 99px;
 
       border-radius: $_progress-radius;
 
@@ -57,8 +57,8 @@ progressbar {
   }
 
   &.osd { // progressbar.osd used for epiphany page loading progress
-    min-width: 3px;
-    min-height: 3px;
+    min-width: 2px;
+    min-height: 2px;
     background-color: transparent;
 
     > trough {
@@ -71,6 +71,15 @@ progressbar {
         border-style: none;
         border-radius: 0;
       }
+
+    }
+
+    &.horizontal {
+      > trough, > trough > progress { min-height: 2px; }
+    }
+
+    &.vertical {
+      > trough, > trough > progress { min-width: 2px; }
     }
   }
 
diff --git a/src/stylesheet/widgets/_scale.scss b/src/stylesheet/widgets/_scale.scss
index d722f826..144ddb8e 100644
--- a/src/stylesheet/widgets/_scale.scss
+++ b/src/stylesheet/widgets/_scale.scss
@@ -1,5 +1,5 @@
 %scale_trough {
-  border-radius: 3px;
+  border-radius: 99px;
   background-color: $trough_color;
 
   @if $contrast == "high" {
@@ -8,7 +8,7 @@
 }
 
 %scale_highlight {
-  border-radius: 3px;
+  border-radius: 99px;
   background-color: $fill_color;
 }
 
@@ -98,12 +98,6 @@ scale {
     > trough {
       // to make the trough grow in fine-tune mode
       > slider { margin: -5px; }
-
-      > fill,
-      > highlight,
-      & {
-        border-radius: 5px;
-      }
     }
   }