Adwaita: transparent background for progressbar.osd

Hopefully fixes https://bugzilla.gnome.org/show_bug.cgi?id=760331
Added the .osd style class to the progressbar docs.
This commit is contained in:
Lapo Calamandrei 2016-01-09 20:05:41 +01:00
parent 6da0a0a106
commit 152171e60c
4 changed files with 10 additions and 4 deletions

View File

@ -72,7 +72,7 @@
* # CSS nodes * # CSS nodes
* *
* |[<!-- language="plain" --> * |[<!-- language="plain" -->
* progressbar * progressbar[.osd]
* trough * trough
* [text] * [text]
* progress[.pulse] * progress[.pulse]
@ -83,6 +83,8 @@
* is shown. The progress subnode has the style class .pulse when in activity * is shown. The progress subnode has the style class .pulse when in activity
* mode. It gets the style classes .left, .right, .top or .bottom added when * mode. It gets the style classes .left, .right, .top or .bottom added when
* the progress 'touches' the corresponding end of the GtkProgressBar. * the progress 'touches' the corresponding end of the GtkProgressBar.
* The .osd class on the progressbar node is for use in overlays like the one
* epiphany has for page loading progress.
*/ */
#define MIN_HORIZONTAL_BAR_WIDTH 150 #define MIN_HORIZONTAL_BAR_WIDTH 150

View File

@ -2653,9 +2653,11 @@ progressbar {
&:backdrop progress { @extend %scale_highlight:backdrop; } // states not passed here as well &:backdrop progress { @extend %scale_highlight:backdrop; } // states not passed here as well
&.osd { &.osd { // progressbar.osd used for epiphany page loading progress
min-width: 3px; min-width: 3px;
min-height: 3px; min-height: 3px;
background-color: transparent;
trough { trough {
border-style: none; border-style: none;
border-radius: 0; border-radius: 0;

View File

@ -3512,7 +3512,8 @@ progressbar {
border-bottom-left-radius: 2px; } border-bottom-left-radius: 2px; }
progressbar.osd { progressbar.osd {
min-width: 3px; min-width: 3px;
min-height: 3px; } min-height: 3px;
background-color: transparent; }
progressbar.osd trough { progressbar.osd trough {
border-style: none; border-style: none;
border-radius: 0; border-radius: 0;

View File

@ -3678,7 +3678,8 @@ progressbar {
border-bottom-left-radius: 2px; } border-bottom-left-radius: 2px; }
progressbar.osd { progressbar.osd {
min-width: 3px; min-width: 3px;
min-height: 3px; } min-height: 3px;
background-color: transparent; }
progressbar.osd trough { progressbar.osd trough {
border-style: none; border-style: none;
border-radius: 0; border-radius: 0;