[libadwaita/wip/exalm/levelbar: 3/4] stylesheet: Refresh level bar style
- From: Alexander Mikhaylenko <alexm src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [libadwaita/wip/exalm/levelbar: 3/4] stylesheet: Refresh level bar style
- Date: Mon, 18 Oct 2021 10:52:50 +0000 (UTC)
commit b442a80e2ad64b2efa2c154048ddb84d09528e19
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;
}
}
}
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]