GTK3: Roud bottom decoration edges

This commit is contained in:
Daniel Ruiz de Alegría 2020-03-02 11:56:24 +01:00
parent fc9c237a16
commit 7146c09867
4 changed files with 85 additions and 16 deletions

View File

@ -5507,15 +5507,29 @@ messagedialog .titlebar:backdrop {
* Window Decorations * * Window Decorations *
*********************/ *********************/
decoration { decoration {
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4); } border-radius: 9px 9px 5px 5px;
border: 1px solid #272a34;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(13, 14, 17, 0.75); }
decoration:backdrop { decoration:backdrop {
box-shadow: 0 2px 8px 0 transparent, 0 0 0 3px rgba(0, 0, 0, 0.25); } box-shadow: 0 2px 8px 0 transparent, 0 0 0 3px rgba(0, 0, 0, 0.25); }
.maximized decoration,
.fullscreen decoration,
.tiled decoration,
.tiled-top decoration,
.tiled-right decoration,
.tiled-bottom decoration,
.tiled-left decoration {
border-width: 0; }
.popup decoration {
border-width: 0; }
.ssd decoration { .ssd decoration {
box-shadow: none; } box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.75);
border-width: 0; }
.csd.popup decoration { .csd.popup decoration {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65);
border-width: 0; }
messagedialog.csd decoration { messagedialog.csd decoration {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65); }
button.titlebutton:backdrop { button.titlebutton:backdrop {
border-color: transparent; } border-color: transparent; }

View File

@ -5507,15 +5507,29 @@ messagedialog .titlebar:backdrop {
* Window Decorations * * Window Decorations *
*********************/ *********************/
decoration { decoration {
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4); } border-radius: 9px 9px 5px 5px;
border: 1px solid #272a34;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(13, 14, 17, 0.75); }
decoration:backdrop { decoration:backdrop {
box-shadow: 0 2px 8px 0 transparent, 0 0 0 3px rgba(0, 0, 0, 0.25); } box-shadow: 0 2px 8px 0 transparent, 0 0 0 3px rgba(0, 0, 0, 0.25); }
.maximized decoration,
.fullscreen decoration,
.tiled decoration,
.tiled-top decoration,
.tiled-right decoration,
.tiled-bottom decoration,
.tiled-left decoration {
border-width: 0; }
.popup decoration {
border-width: 0; }
.ssd decoration { .ssd decoration {
box-shadow: none; } box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.75);
border-width: 0; }
.csd.popup decoration { .csd.popup decoration {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65);
border-width: 0; }
messagedialog.csd decoration { messagedialog.csd decoration {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65); }
button.titlebutton:backdrop { button.titlebutton:backdrop {
border-color: transparent; } border-color: transparent; }

View File

@ -5530,15 +5530,29 @@ messagedialog .titlebar:backdrop {
* Window Decorations * * Window Decorations *
*********************/ *********************/
decoration { decoration {
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4); } border-radius: 9px 9px 5px 5px;
border: 1px solid #fafafa;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); }
decoration:backdrop { decoration:backdrop {
box-shadow: 0 2px 8px 0 transparent, 0 0 0 3px rgba(0, 0, 0, 0.15); } box-shadow: 0 2px 8px 0 transparent, 0 0 0 3px rgba(0, 0, 0, 0.15); }
.maximized decoration,
.fullscreen decoration,
.tiled decoration,
.tiled-top decoration,
.tiled-right decoration,
.tiled-bottom decoration,
.tiled-left decoration {
border-width: 0; }
.popup decoration {
border-width: 0; }
.ssd decoration { .ssd decoration {
box-shadow: none; } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
border-width: 0; }
.csd.popup decoration { .csd.popup decoration {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0);
border-width: 0; }
messagedialog.csd decoration { messagedialog.csd decoration {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0); }
button.titlebutton:backdrop { button.titlebutton:backdrop {
border-color: transparent; } border-color: transparent; }

View File

@ -221,18 +221,45 @@ messagedialog .titlebar:backdrop { background-image: none; }
* Window Decorations * * Window Decorations *
*********************/ *********************/
decoration { decoration {
box-shadow: 0 2px 8px 0 transparentize(black, 0.6); $_border_width: 1px;
border-radius: $window_radius+$_border_width $window_radius+$_border_width $button_radius $button_radius;
border: $_border_width solid $base_color;
$_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize($borders_color, 0.25));
box-shadow: 0 2px 8px 0 transparentize(black, 0.6),
0 0 0 1px $_wm_border;
&:backdrop { &:backdrop {
box-shadow: 0 2px 8px 0 transparent, box-shadow: 0 2px 8px 0 transparent,
0 0 0 3px if($variant == 'light', transparentize(black, .85), transparentize(black, .75)); 0 0 0 3px if($variant == 'light', transparentize(black, .85), transparentize(black, .75));
} }
.ssd & { box-shadow: none; } .maximized &,
.fullscreen &,
.tiled &,
.tiled-top &,
.tiled-right &,
.tiled-bottom &,
.tiled-left & { border-width: 0; }
.csd.popup & { box-shadow: 0 1px 4px transparentize(black, 0.8); } .popup & { border-width: 0; }
messagedialog.csd & { box-shadow: 0 1px 4px transparentize(black, 0.8); } .ssd & {
box-shadow: 0 0 0 1px $_wm_border;
border-width: 0;
}
.csd.popup & {
box-shadow: 0 1px 4px transparentize(black, 0.8),
0 0 0 1px transparentize($_wm_border, 0.1);
border-width: 0;
}
messagedialog.csd & {
box-shadow: 0 1px 4px transparentize(black, 0.8),
0 0 0 1px transparentize($_wm_border, 0.1);
}
} }
// Window Close button // Window Close button