AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-11-16 21:50:34 +00:00
Code Issues Projects Releases Wiki Activity

Adwaita: correctly order backdrop decoration node shadows

Browse Source 
... otherwise setting a transition to the backdrop state will make
the window resize, since the shadows size gets interpolated.
This commit is contained in:
Lapo Calamandrei 2016-03-19 17:08:17 +01:00
parent 80732a951c
commit 5a0aeec3f4
3 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
gtk/theme/Adwaita/_common.scss
View File

@ -4030,15 +4030,16 @@ decoration {
// FIXME rationalize shadows
/* this is used for the resize cursor area */
// this is used for the resize cursor area
margin: 10px;
&:backdrop {
/* the transparent shadow here is to enforce that the shadow extents don't
* change when we go to backdrop, to prevent jumping windows
*/
box-shadow: 0 2px 6px 2px transparentize(black, 0.8),
0 3px 9px 1px transparent,
// the transparent shadow here is to enforce that the shadow extents don't
// change when we go to backdrop, to prevent jumping windows.
// The biggest shadow should be in the same order then in the active state
// or the jumping will happen during the transition.
box-shadow: 0 3px 9px 1px transparent,
0 2px 6px 2px transparentize(black, 0.8),
0 0 0 1px $_wm_border_backdrop;
}

6
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -4013,13 +4013,9 @@ decoration {
border-radius: 7px 7px 0 0;
border-width: 0px;
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 */
margin: 10px; }
decoration:backdrop {
/* the transparent shadow here is to enforce that the shadow extents don't
* change when we go to backdrop, to prevent jumping windows
*/
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 3px 9px 1px transparent, 0 0 0 1px rgba(28, 31, 31, 0.9); }
box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.9); }
.fullscreen decoration, .tiled decoration {
border-radius: 0; }
.popup decoration {

6
gtk/theme/Adwaita/gtk-contained.css
View File

@ -4041,13 +4041,9 @@ decoration {
border-radius: 7px 7px 0 0;
border-width: 0px;
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 */
margin: 10px; }
decoration:backdrop {
/* the transparent shadow here is to enforce that the shadow extents don't
* change when we go to backdrop, to prevent jumping windows
*/
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 3px 9px 1px transparent, 0 0 0 1px rgba(0, 0, 0, 0.18); }
box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); }
.fullscreen decoration, .tiled decoration {
border-radius: 0; }
.popup decoration {