[libadwaita/wip/exalm/levelbar: 1/2] stylesheet: Refresh level bar style

[Alexander Mikhaylenko <alexm src gnome org>]

commit e4b02386a314c1cf1639a4902e294e221ab38bc6
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Oct 15 15:25:34 2021 +0500

    stylesheet: Refresh level bar style
    
    Unify continuous and discrete level bars at 8px height. Round continuous
    level bars. Make sure we don't have any extra margin around discrete level
    bars.

 src/stylesheet/widgets/_level-bar.scss | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)
---
diff --git a/src/stylesheet/widgets/_level-bar.scss b/src/stylesheet/widgets/_level-bar.scss
index 33ea008e..724619da 100644
--- a/src/stylesheet/widgets/_level-bar.scss
+++ b/src/stylesheet/widgets/_level-bar.scss
@@ -1,5 +1,5 @@
-$_levelbar_size: 11px;
-$_levelbar_border_radius: 6px;
+$_levelbar_size: 8px;
+$_levelbar_border_radius: 99px;
 
 levelbar {
   &:disabled {
@@ -11,14 +11,6 @@ levelbar {
       min-height: $_levelbar_size;
       border-radius: $_levelbar_border_radius;
 
-      &:dir(rtl) {
-        border-radius: 0 $_levelbar_border_radius $_levelbar_border_radius 0;
-      }
-
-      &:dir(ltr) {
-        border-radius: $_levelbar_border_radius 0 0 $_levelbar_border_radius;
-      }
-
       &.empty,
       &.full {
         border-radius: $_levelbar_border_radius;
@@ -27,8 +19,8 @@ levelbar {
 
     // segmented level bar
     &.discrete > trough > block {
-      min-height: $_levelbar_size - 7px;
-      margin: 1px;
+      min-height: $_levelbar_size;
+      margin-right: 2px;
       min-width: 26px;
       border-radius: 0;
 
@@ -38,6 +30,7 @@ levelbar {
 
       &:last-child {
         border-radius: 0 $_levelbar_border_radius $_levelbar_border_radius 0;
+        margin-right: 0;
       }
     }
   }
@@ -45,7 +38,7 @@ levelbar {
   &.vertical {
     trough > block {
       min-width: $_levelbar_size;
-      border-radius: $_levelbar_border_radius $_levelbar_border_radius 0 0;
+      border-radius: $_levelbar_border_radius;
 
       &.empty,
       &.full {
@@ -55,8 +48,8 @@ levelbar {
 
     // segmented level bar
     &.discrete > trough > block {
-      min-width: $_levelbar_size - 7px;
-      margin: 1px;
+      min-width: $_levelbar_size;
+      margin-bottom: 2px;
       min-height: 26px;
       border-radius: 0;
 
@@ -66,6 +59,7 @@ levelbar {
 
       &:last-child {
         border-radius: 0 0 $_levelbar_border_radius $_levelbar_border_radius;
+        margin-bottom: 0;
       }
     }
   }