Commit 48e605b7 authored by Matthias Clasen's avatar Matthias Clasen

Adwaita: Update progressbar styling

Adjust to the changes in the previous commit. This partially
undoes the earlier progressbar changes.
parent 9d4c78c2
...@@ -2338,23 +2338,29 @@ progressbar { ...@@ -2338,23 +2338,29 @@ progressbar {
box-shadow: inset 1px 1px transparentize(black, 0.9), // needs to be set box-shadow: inset 1px 1px transparentize(black, 0.9), // needs to be set
_widget_edge(); // here ot it gets _widget_edge(); // here ot it gets
// clipped // clipped
border: 1px solid $borders_color;
border-radius: 3px;
background-color: mix($borders_color, $bg_color, 35%);
&:backdrop { &:backdrop {
color: $backdrop_insensitive_color; color: $backdrop_insensitive_color;
border-color: $backdrop_borders_color;
background-color: $backdrop_dark_fill;
box-shadow: 0 1px transparentize(white,1);
} }
&.osd { &.osd {
-GtkProgressBar-xspacing: 0; -GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 0; -GtkProgressBar-yspacing: 0;
-GtkProgressBar-min-horizontal-bar-height: 3; -GtkProgressBar-min-horizontal-bar-height: 3;
border-style: none; trough {
background-color: transparent; border-style: none;
box-shadow: none; background-color: transparent;
box-shadow: none;
}
}
trough {
border: 1px solid $borders_color;
border-radius: 3px;
background-color: mix($borders_color, $bg_color, 35%);
&:backdrop {
border-color: $backdrop_borders_color;
background-color: $backdrop_dark_fill;
box-shadow: 0 1px transparentize(white,1);
}
} }
} }
......
...@@ -3420,22 +3420,25 @@ progressbar { ...@@ -3420,22 +3420,25 @@ progressbar {
padding: 0; padding: 0;
font-size: smaller; font-size: smaller;
color: rgba(238, 238, 236, 0.4); color: rgba(238, 238, 236, 0.4);
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
border: 1px solid #1c1f1f;
border-radius: 3px;
background-color: #2f3434; }
progressbar:backdrop { progressbar:backdrop {
color: #5d6767; color: #5d6767; }
border-color: #1f2222;
background-color: #303535;
box-shadow: 0 1px rgba(255, 255, 255, 0); }
progressbar.osd { progressbar.osd {
-GtkProgressBar-xspacing: 0; -GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 0; -GtkProgressBar-yspacing: 0;
-GtkProgressBar-min-horizontal-bar-height: 3; -GtkProgressBar-min-horizontal-bar-height: 3; }
border-style: none; progressbar.osd trough {
background-color: transparent; border-style: none;
box-shadow: none; } background-color: transparent;
box-shadow: none; }
progressbar trough {
border: 1px solid #1c1f1f;
border-radius: 3px;
background-color: #2f3434; }
progressbar trough:backdrop {
border-color: #1f2222;
background-color: #303535;
box-shadow: 0 1px rgba(255, 255, 255, 0); }
progressbar.horizontal progress { progressbar.horizontal progress {
background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5); background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
......
...@@ -3582,22 +3582,25 @@ progressbar { ...@@ -3582,22 +3582,25 @@ progressbar {
padding: 0; padding: 0;
font-size: smaller; font-size: smaller;
color: rgba(46, 52, 54, 0.4); color: rgba(46, 52, 54, 0.4);
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
border: 1px solid #a1a1a1;
border-radius: 3px;
background-color: #d2d2d2; }
progressbar:backdrop { progressbar:backdrop {
color: #c7c7c7; color: #c7c7c7; }
border-color: darkgray;
background-color: #d5d5d5;
box-shadow: 0 1px rgba(255, 255, 255, 0); }
progressbar.osd { progressbar.osd {
-GtkProgressBar-xspacing: 0; -GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 0; -GtkProgressBar-yspacing: 0;
-GtkProgressBar-min-horizontal-bar-height: 3; -GtkProgressBar-min-horizontal-bar-height: 3; }
border-style: none; progressbar.osd trough {
background-color: transparent; border-style: none;
box-shadow: none; } background-color: transparent;
box-shadow: none; }
progressbar trough {
border: 1px solid #a1a1a1;
border-radius: 3px;
background-color: #d2d2d2; }
progressbar trough:backdrop {
border-color: darkgray;
background-color: #d5d5d5;
box-shadow: 0 1px rgba(255, 255, 255, 0); }
progressbar.horizontal progress { progressbar.horizontal progress {
background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de); background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment