AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-09-30 02:57:38 +00:00
Code Issues Projects Releases Wiki Activity

Adwaita: remove shadows from progressbars

Browse Source
This commit is contained in:
Jakub Steiner 2014-07-27 13:39:02 +02:00
parent d12cca61f6
commit 1c97a5f4c6
3 changed files with 9 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
gtk/resources/theme/Adwaita/_common.scss
View File

@ -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);

11
gtk/resources/theme/Adwaita/gtk-contained-dark.css
View File

@ -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;

11
gtk/resources/theme/Adwaita/gtk-contained.css
View File

@ -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;