New window shadows

https://bugzilla.gnome.org/show_bug.cgi?id=731866
This commit is contained in:
Nikita Churaev 2014-06-18 20:09:43 +04:00 committed by Jakub Steiner
parent 6eedc62af9
commit 462f86d301
3 changed files with 13 additions and 11 deletions

View File

@ -1874,16 +1874,18 @@ GtkColorChooserWidget #add-color-button {
// this needs to be transparent // this needs to be transparent
// see bug #722563 // see bug #722563
$_wm_border: if($variant=='light', transparentize(black, 0.8), transparentize(black, 0.4)); $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1));
box-shadow: 0 2px 10px 4px transparentize(black, 0.9), $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize($borders_color, 0.1));
box-shadow: 0 3px 9px 1px transparentize(black, 0.5),
0 0 0 1px $_wm_border; //doing borders with box-shadow 0 0 0 1px $_wm_border; //doing borders with box-shadow
/* this is used for the resize cursor area */ /* this is used for the resize cursor area */
margin: 10px; margin: 10px;
&:backdrop { &:backdrop {
box-shadow: 0 3px 6px 2px transparentize(black, 0.9), box-shadow: 0 2px 6px 2px transparentize(black, 0.8),
0 0 0 1px transparentize(black,0.7); 0 0 0 1px $_wm_border_backdrop;
} }
&.tiled { &.tiled {
border-radius: 0; border-radius: 0;
@ -1891,7 +1893,7 @@ GtkColorChooserWidget #add-color-button {
&.csd { &.csd {
&.popup { &.popup {
border-radius: 0; border-radius: 0;
box-shadow: 0 1px 2px transparentize(black, 0.6), box-shadow: 0 1px 2px transparentize(black, 0.8),
0 0 0 1px transparentize($_wm_border,0.1); 0 0 0 1px transparentize($_wm_border,0.1);
} }
&.tooltip { &.tooltip {

View File

@ -2478,16 +2478,16 @@ GtkColorChooserWidget #add-color-button {
.window-frame { .window-frame {
border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;
border-width: 0px; border-width: 0px;
box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.6); box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(28, 31, 31, 0.9);
/* this is used for the resize cursor area */ /* this is used for the resize cursor area */
margin: 10px; } margin: 10px; }
.window-frame:backdrop { .window-frame:backdrop {
box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.3); } box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.9); }
.window-frame.tiled { .window-frame.tiled {
border-radius: 0; } border-radius: 0; }
.window-frame.csd.popup { .window-frame.csd.popup {
border-radius: 0; border-radius: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.5); } box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); }
.window-frame.csd.tooltip { .window-frame.csd.tooltip {
border-radius: 5px; border-radius: 5px;
box-shadow: none; } box-shadow: none; }

View File

@ -2476,16 +2476,16 @@ GtkColorChooserWidget #add-color-button {
.window-frame { .window-frame {
border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;
border-width: 0px; border-width: 0px;
box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23);
/* this is used for the resize cursor area */ /* this is used for the resize cursor area */
margin: 10px; } margin: 10px; }
.window-frame:backdrop { .window-frame:backdrop {
box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.3); } box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); }
.window-frame.tiled { .window-frame.tiled {
border-radius: 0; } border-radius: 0; }
.window-frame.csd.popup { .window-frame.csd.popup {
border-radius: 0; border-radius: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); } box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
.window-frame.csd.tooltip { .window-frame.csd.tooltip {
border-radius: 5px; border-radius: 5px;
box-shadow: none; } box-shadow: none; }