* Change levelbar code gtk3.20 structure. (#373)
parent
ca69ff7769
commit
ff2d9a47fb
|
@ -56,16 +56,18 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
levelbar {
|
levelbar {
|
||||||
min-width: 34px;
|
block {
|
||||||
min-height: 3px;
|
min-width: 34px;
|
||||||
|
min-height: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
&.vertical {
|
&.vertical block {
|
||||||
min-width: 3px;
|
min-width: 3px;
|
||||||
min-height: 34px;
|
min-height: 34px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
levelbar {
|
&:backdrop { transition: 200ms ease-out; }
|
||||||
|
|
||||||
trough {
|
trough {
|
||||||
@include linear-gradient(shade($bg_color, 1.08), to top);
|
@include linear-gradient(shade($bg_color, 1.08), to top);
|
||||||
|
|
||||||
|
@ -73,13 +75,18 @@
|
||||||
border-radius: $roundness;
|
border-radius: $roundness;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.discrete {
|
&.horizontal.discrete { margin-right: 1px; }
|
||||||
&.horizontal { margin-right: 1px; }
|
|
||||||
|
|
||||||
&.vertical { margin-bottom: 1px; }
|
&.vertical.discrete { margin-bottom: 1px; }
|
||||||
|
|
||||||
|
block:not(.empty) {
|
||||||
|
@include linear-gradient($selected_bg_color);
|
||||||
|
|
||||||
|
border-color: transparent;
|
||||||
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
block.filled {
|
block {
|
||||||
@include linear-gradient($selected_bg_color);
|
@include linear-gradient($selected_bg_color);
|
||||||
|
|
||||||
// FIXME: it would be nice to set make fill blocks bigger, but we'd need
|
// FIXME: it would be nice to set make fill blocks bigger, but we'd need
|
||||||
|
@ -87,17 +94,22 @@
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|
||||||
&.level-high {
|
&.low {
|
||||||
background-color: $success_color;
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.level-low {
|
|
||||||
background-color: $warning_color;
|
background-color: $warning_color;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.empty-fill-block {
|
&.high {
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.full {
|
||||||
|
background-color: $success_color;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.empty {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
|
Loading…
Reference in New Issue