gtk3: Rewrite levelbar style based on the upstream change
https://github.com/GNOME/gtk/commit/c85f34b6fcfdd671a9af714064f5b92f2ae4a5d6
by roundabout, Saturday, 2 September 2017, 03:38:50 (1504323530), pushed by roundabout, Sunday, 11 May 2025, 13:22:13 (1746969733)
Author identity: nana-4 <hnmaigo@gmail.com>
3d2ed4691c34df8c777e035fddfcff9396b7b896
src/gtk-3.0/3.20/gtk-compact.css
@@ -2918,16 +2918,30 @@ progressbar trough.empty progress {
/*************
* Level Bar *
*************/
levelbar block {
min-width: 32px;
levelbar.horizontal block {
min-height: 4px;
}
levelbar.vertical block {
min-width: 4px;
}
levelbar.vertical.discrete block {
min-height: 32px;
}
levelbar trough {
padding: 2px;
border-radius: 2px;
@@ -2939,22 +2953,6 @@ levelbar trough:disabled {
background-color: #FAFAFA;
}
levelbar.horizontal.discrete block {
margin: 0 1px;
}
levelbar.horizontal.discrete trough {
padding: 2px 1px;
}
levelbar.vertical.discrete block {
margin: 1px 0;
}
levelbar.vertical.discrete trough {
padding: 1px 2px;
}
levelbar block.low {
background-color: #FF6D00;
}
src/gtk-3.0/3.20/gtk-dark-compact.css
@@ -2918,16 +2918,30 @@ progressbar trough.empty progress {
/*************
* Level Bar *
*************/
levelbar block {
min-width: 32px;
levelbar.horizontal block {
min-height: 4px;
}
levelbar.vertical block {
min-width: 4px;
}
levelbar.vertical.discrete block {
min-height: 32px;
}
levelbar trough {
padding: 2px;
border-radius: 2px;
@@ -2939,22 +2953,6 @@ levelbar trough:disabled {
background-color: #374349;
}
levelbar.horizontal.discrete block {
margin: 0 1px;
}
levelbar.horizontal.discrete trough {
padding: 2px 1px;
}
levelbar.vertical.discrete block {
margin: 1px 0;
}
levelbar.vertical.discrete trough {
padding: 1px 2px;
}
levelbar block.low {
background-color: #FF6D00;
}
src/gtk-3.0/3.20/gtk-dark.css
@@ -2918,16 +2918,30 @@ progressbar trough.empty progress {
/*************
* Level Bar *
*************/
levelbar block {
min-width: 36px;
levelbar.horizontal block {
min-height: 4px;
}
levelbar.vertical block {
min-width: 4px;
}
levelbar.vertical.discrete block {
min-height: 36px;
}
levelbar trough {
padding: 2px;
border-radius: 2px;
@@ -2939,22 +2953,6 @@ levelbar trough:disabled {
background-color: #374349;
}
levelbar.horizontal.discrete block {
margin: 0 1px;
}
levelbar.horizontal.discrete trough {
padding: 2px 1px;
}
levelbar.vertical.discrete block {
margin: 1px 0;
}
levelbar.vertical.discrete trough {
padding: 1px 2px;
}
levelbar block.low {
background-color: #FF6D00;
}
src/gtk-3.0/3.20/gtk-light-compact.css
@@ -2918,16 +2918,30 @@ progressbar trough.empty progress {
/*************
* Level Bar *
*************/
levelbar block {
min-width: 32px;
levelbar.horizontal block {
min-height: 4px;
}
levelbar.vertical block {
min-width: 4px;
}
levelbar.vertical.discrete block {
min-height: 32px;
}
levelbar trough {
padding: 2px;
border-radius: 2px;
@@ -2939,22 +2953,6 @@ levelbar trough:disabled {
background-color: #FAFAFA;
}
levelbar.horizontal.discrete block {
margin: 0 1px;
}
levelbar.horizontal.discrete trough {
padding: 2px 1px;
}
levelbar.vertical.discrete block {
margin: 1px 0;
}
levelbar.vertical.discrete trough {
padding: 1px 2px;
}
levelbar block.low {
background-color: #FF6D00;
}
src/gtk-3.0/3.20/gtk-light.css
@@ -2918,16 +2918,30 @@ progressbar trough.empty progress {
/*************
* Level Bar *
*************/
levelbar block {
min-width: 36px;
levelbar.horizontal block {
min-height: 4px;
}
levelbar.vertical block {
min-width: 4px;
}
levelbar.vertical.discrete block {
min-height: 36px;
}
levelbar trough {
padding: 2px;
border-radius: 2px;
@@ -2939,22 +2953,6 @@ levelbar trough:disabled {
background-color: #FAFAFA;
}
levelbar.horizontal.discrete block {
margin: 0 1px;
}
levelbar.horizontal.discrete trough {
padding: 2px 1px;
}
levelbar.vertical.discrete block {
margin: 1px 0;
}
levelbar.vertical.discrete trough {
padding: 1px 2px;
}
levelbar block.low {
background-color: #FF6D00;
}
src/gtk-3.0/3.20/gtk.css
@@ -2918,16 +2918,30 @@ progressbar trough.empty progress {
/*************
* Level Bar *
*************/
levelbar block {
min-width: 36px;
levelbar.horizontal block {
min-height: 4px;
}
levelbar.vertical block {
min-width: 4px;
}
levelbar.vertical.discrete block {
min-height: 36px;
}
levelbar trough {
padding: 2px;
border-radius: 2px;
@@ -2939,22 +2953,6 @@ levelbar trough:disabled {
background-color: #FAFAFA;
}
levelbar.horizontal.discrete block {
margin: 0 1px;
}
levelbar.horizontal.discrete trough {
padding: 2px 1px;
}
levelbar.vertical.discrete block {
margin: 1px 0;
}
levelbar.vertical.discrete trough {
padding: 1px 2px;
}
levelbar block.low {
background-color: #FF6D00;
}
src/gtk-3.0/3.22/gtk-compact.css
@@ -2919,16 +2919,30 @@ progressbar trough.empty progress {
/*************
* Level Bar *
*************/
levelbar block {
min-width: 32px;
levelbar.horizontal block {
min-height: 4px;
}
levelbar.vertical block {
min-width: 4px;
}
levelbar.vertical.discrete block {
min-height: 32px;
}
levelbar trough {
padding: 2px;
border-radius: 2px;
@@ -2940,22 +2954,6 @@ levelbar trough:disabled {
background-color: #FAFAFA;
}
levelbar.horizontal.discrete block {
margin: 0 1px;
}
levelbar.horizontal.discrete trough {
padding: 2px 1px;
}
levelbar.vertical.discrete block {
margin: 1px 0;
}
levelbar.vertical.discrete trough {
padding: 1px 2px;
}
levelbar block.low {
background-color: #FF6D00;
}
src/gtk-3.0/3.22/gtk-dark-compact.css
@@ -2919,16 +2919,30 @@ progressbar trough.empty progress {
/*************
* Level Bar *
*************/
levelbar block {
min-width: 32px;
levelbar.horizontal block {
min-height: 4px;
}
levelbar.vertical block {
min-width: 4px;
}
levelbar.vertical.discrete block {
min-height: 32px;
}
levelbar trough {
padding: 2px;
border-radius: 2px;
@@ -2940,22 +2954,6 @@ levelbar trough:disabled {
background-color: #374349;
}
levelbar.horizontal.discrete block {
margin: 0 1px;
}
levelbar.horizontal.discrete trough {
padding: 2px 1px;
}
levelbar.vertical.discrete block {
margin: 1px 0;
}
levelbar.vertical.discrete trough {
padding: 1px 2px;
}
levelbar block.low {
background-color: #FF6D00;
}
src/gtk-3.0/3.22/gtk-dark.css
@@ -2919,16 +2919,30 @@ progressbar trough.empty progress {
/*************
* Level Bar *
*************/
levelbar block {
min-width: 36px;
levelbar.horizontal block {
min-height: 4px;
}
levelbar.vertical block {
min-width: 4px;
}
levelbar.vertical.discrete block {
min-height: 36px;
}
levelbar trough {
padding: 2px;
border-radius: 2px;
@@ -2940,22 +2954,6 @@ levelbar trough:disabled {
background-color: #374349;
}
levelbar.horizontal.discrete block {
margin: 0 1px;
}
levelbar.horizontal.discrete trough {
padding: 2px 1px;
}
levelbar.vertical.discrete block {
margin: 1px 0;
}
levelbar.vertical.discrete trough {
padding: 1px 2px;
}
levelbar block.low {
background-color: #FF6D00;
}
src/gtk-3.0/3.22/gtk-light-compact.css
@@ -2919,16 +2919,30 @@ progressbar trough.empty progress {
/*************
* Level Bar *
*************/
levelbar block {
min-width: 32px;
levelbar.horizontal block {
min-height: 4px;
}
levelbar.vertical block {
min-width: 4px;
}
levelbar.vertical.discrete block {
min-height: 32px;
}
levelbar trough {
padding: 2px;
border-radius: 2px;
@@ -2940,22 +2954,6 @@ levelbar trough:disabled {
background-color: #FAFAFA;
}
levelbar.horizontal.discrete block {
margin: 0 1px;
}
levelbar.horizontal.discrete trough {
padding: 2px 1px;
}
levelbar.vertical.discrete block {
margin: 1px 0;
}
levelbar.vertical.discrete trough {
padding: 1px 2px;
}
levelbar block.low {
background-color: #FF6D00;
}
src/gtk-3.0/3.22/gtk-light.css
@@ -2919,16 +2919,30 @@ progressbar trough.empty progress {
/*************
* Level Bar *
*************/
levelbar block {
min-width: 36px;
levelbar.horizontal block {
min-height: 4px;
}
levelbar.vertical block {
min-width: 4px;
}
levelbar.vertical.discrete block {
min-height: 36px;
}
levelbar trough {
padding: 2px;
border-radius: 2px;
@@ -2940,22 +2954,6 @@ levelbar trough:disabled {
background-color: #FAFAFA;
}
levelbar.horizontal.discrete block {
margin: 0 1px;
}
levelbar.horizontal.discrete trough {
padding: 2px 1px;
}
levelbar.vertical.discrete block {
margin: 1px 0;
}
levelbar.vertical.discrete trough {
padding: 1px 2px;
}
levelbar block.low {
background-color: #FF6D00;
}
src/gtk-3.0/3.22/gtk.css
@@ -2919,16 +2919,30 @@ progressbar trough.empty progress {
/*************
* Level Bar *
*************/
levelbar block {
min-width: 36px;
levelbar.horizontal block {
min-height: 4px;
}
levelbar.vertical block {
min-width: 4px;
}
levelbar.vertical.discrete block {
min-height: 36px;
}
levelbar trough {
padding: 2px;
border-radius: 2px;
@@ -2940,22 +2954,6 @@ levelbar trough:disabled {
background-color: #FAFAFA;
}
levelbar.horizontal.discrete block {
margin: 0 1px;
}
levelbar.horizontal.discrete trough {
padding: 2px 1px;
}
levelbar.vertical.discrete block {
margin: 1px 0;
}
levelbar.vertical.discrete trough {
padding: 1px 2px;
}
levelbar block.low {
background-color: #FF6D00;
}
src/gtk-3.0/3.22/sass/_common.scss
@@ -2582,14 +2582,24 @@ progressbar {
* Level Bar *
*************/
levelbar {
block {
min-width: $medium_size;
min-height: $bar_size;
&.horizontal {
block { min-height: $bar_size; }
&.discrete block {
min-width: $medium_size;
&:not(:last-child) { margin-right: 2px; }
}
}
&.vertical block {
min-width: $bar_size;
min-height: $medium_size;
&.vertical {
block { min-width: $bar_size; }
&.discrete block {
min-height: $medium_size;
&:not(:last-child) { margin-bottom: 2px; }
}
}
// imitate the entry style
@@ -2602,18 +2612,6 @@ levelbar {
&:disabled { background-color: $alt_base_color; }
}
&.horizontal.discrete {
block { margin: 0 1px; }
trough { padding: 2px 1px; }
}
&.vertical.discrete {
block { margin: 1px 0; }
trough { padding: 1px 2px; }
}
block {
&.low { background-color: $warning_color; }