mirror of
https://gitlab.gnome.org/GNOME/gtk.git
synced 2024-09-30 02:57:38 +00:00
Adwaita: remove shadows from progressbars
This commit is contained in:
parent
d12cca61f6
commit
1c97a5f4c6
@ -1901,18 +1901,14 @@ GtkProgressBar {
|
|||||||
background-color: $selected_bg_color;
|
background-color: $selected_bg_color;
|
||||||
background-image: linear-gradient(to bottom, $selected_bg_color 2px,
|
background-image: linear-gradient(to bottom, $selected_bg_color 2px,
|
||||||
lighten($selected_bg_color,6%));
|
lighten($selected_bg_color,6%));
|
||||||
$_shadow: if($variant=='light', transparentize(black,0.75),
|
box-shadow: none; //needed for clipping
|
||||||
transparentize(black,0.9));
|
|
||||||
box-shadow: 1px 0 $_shadow, -1px 0 $_shadow;
|
|
||||||
&.left {
|
&.left {
|
||||||
border-top-left-radius: 3px;
|
border-top-left-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
box-shadow: 1px 0 $_shadow;
|
|
||||||
}
|
}
|
||||||
&.right {
|
&.right {
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
box-shadow: -1px 0 $_shadow;
|
|
||||||
}
|
}
|
||||||
&.left.right {
|
&.left.right {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
@ -1920,7 +1916,6 @@ GtkProgressBar {
|
|||||||
&.vertical {
|
&.vertical {
|
||||||
background-image: linear-gradient(to right, $selected_bg_color 2px,
|
background-image: linear-gradient(to right, $selected_bg_color 2px,
|
||||||
lighten($selected_bg_color,7%));
|
lighten($selected_bg_color,7%));
|
||||||
box-shadow: 0 1px $_shadow;
|
|
||||||
&.bottom {
|
&.bottom {
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
@ -1931,7 +1926,6 @@ GtkProgressBar {
|
|||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// box-shadow: inset 1px 1px transparentize($borders_edge,0.8);
|
|
||||||
&:backdrop {
|
&:backdrop {
|
||||||
border-color: if($variant=='light', $selected_bg_color,
|
border-color: if($variant=='light', $selected_bg_color,
|
||||||
$selected_borders_color);
|
$selected_borders_color);
|
||||||
|
@ -2398,20 +2398,17 @@ GtkProgressBar {
|
|||||||
border-color: #0f2b48;
|
border-color: #0f2b48;
|
||||||
background-color: #215d9c;
|
background-color: #215d9c;
|
||||||
background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
|
background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
|
||||||
box-shadow: 1px 0 rgba(0, 0, 0, 0.1), -1px 0 rgba(0, 0, 0, 0.1); }
|
box-shadow: none; }
|
||||||
.progressbar.left {
|
.progressbar.left {
|
||||||
border-top-left-radius: 3px;
|
border-top-left-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px; }
|
||||||
box-shadow: 1px 0 rgba(0, 0, 0, 0.1); }
|
|
||||||
.progressbar.right {
|
.progressbar.right {
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px; }
|
||||||
box-shadow: -1px 0 rgba(0, 0, 0, 0.1); }
|
|
||||||
.progressbar.left.right {
|
.progressbar.left.right {
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
.progressbar.vertical {
|
.progressbar.vertical {
|
||||||
background-image: linear-gradient(to right, #215d9c 2px, #276fba);
|
background-image: linear-gradient(to right, #215d9c 2px, #276fba); }
|
||||||
box-shadow: 0 1px rgba(0, 0, 0, 0.1); }
|
|
||||||
.progressbar.vertical.bottom {
|
.progressbar.vertical.bottom {
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
|
@ -2392,20 +2392,17 @@ GtkProgressBar {
|
|||||||
border-color: #184472;
|
border-color: #184472;
|
||||||
background-color: #4a90d9;
|
background-color: #4a90d9;
|
||||||
background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);
|
background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);
|
||||||
box-shadow: 1px 0 rgba(0, 0, 0, 0.25), -1px 0 rgba(0, 0, 0, 0.25); }
|
box-shadow: none; }
|
||||||
.progressbar.left {
|
.progressbar.left {
|
||||||
border-top-left-radius: 3px;
|
border-top-left-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px; }
|
||||||
box-shadow: 1px 0 rgba(0, 0, 0, 0.25); }
|
|
||||||
.progressbar.right {
|
.progressbar.right {
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px; }
|
||||||
box-shadow: -1px 0 rgba(0, 0, 0, 0.25); }
|
|
||||||
.progressbar.left.right {
|
.progressbar.left.right {
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
.progressbar.vertical {
|
.progressbar.vertical {
|
||||||
background-image: linear-gradient(to right, #4a90d9 2px, #68a2df);
|
background-image: linear-gradient(to right, #4a90d9 2px, #68a2df); }
|
||||||
box-shadow: 0 1px rgba(0, 0, 0, 0.25); }
|
|
||||||
.progressbar.vertical.bottom {
|
.progressbar.vertical.bottom {
|
||||||
border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
|
Loading…
Reference in New Issue
Block a user