From 5c458e30616a59a3977162ff13f419631acf335d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Timm=20B=C3=A4der?= Date: Wed, 20 May 2020 09:33:07 +0200 Subject: [PATCH] Adwaita: style updates for new window node hierarchy --- gtk/theme/Adwaita/_common.scss | 62 +++++++++++++++++----------------- 1 file changed, 31 insertions(+), 31 deletions(-) diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 7d3a98fd4c..93a23d27c5 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -4031,7 +4031,6 @@ colorchooser .popover.osd { border-radius: 5px; } * Window Decorations * *********************/ window { - border-radius: $window_radius $window_radius 0 0; // lamefun trick to get rounded borders regardless of CSD use border-width: 0px; @@ -4040,14 +4039,25 @@ window { $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1)); $_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 + &.csd { + box-shadow: 0 3px 9px 1px transparentize(black, 0.5), + 0 0 0 1px $_wm_border; //doing borders with box-shadow + margin: 0px; + border-radius: $window_radius $window_radius 0 0; + } + + &.solid-csd { + margin: 0; + padding: 0; + border: solid 14px $borders_color; + border-radius: 0; + box-shadow: inset 0 0 0 3px $headerbar_color, inset 0 1px $top_hilight; + + &:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight; } + } // FIXME rationalize shadows - // 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. @@ -4059,46 +4069,36 @@ window { transition: $backdrop_transition; } - .maximized > &, - .fullscreen > &, - .tiled > &, - .tiled-top > &, - .tiled-left > &, - .tiled-right > &, - .tiled-bottom > & { border-radius: 0; } + &.maximized, + &.fullscreen, + &.tiled, + &.tiled-top, + &.tiled-left, + &.tiled-right, + &.tiled-bottom { border-radius: 0; } - .popup > & { box-shadow: none; } + &.popup { box-shadow: none; } // server-side decorations as used by mutter - .ssd > & { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows + &.ssd { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows - .csd.popup > & { + &.csd.popup { border-radius: $menu_radius; box-shadow: 0 1px 2px transparentize(black, 0.8), 0 0 0 1px transparentize($_wm_border, 0.1); } - tooltip.csd > & { - border-radius: 5px; - box-shadow: none; - } - - messagedialog.csd > & { + &.dialog.message.csd { border-radius: $window_radius; box-shadow: 0 1px 2px transparentize(black, 0.8), 0 0 0 1px transparentize($_wm_border, 0.1); } - .solid-csd > & { - margin: 0; - padding: 4px; - background-color: $borders_color; - border: solid 1px $borders_color; - border-radius: 0; - box-shadow: inset 0 0 0 3px $headerbar_color, inset 0 1px $top_hilight; +} - &:backdrop { box-shadow: inset 0 0 0 3px $backdrop_bg_color, inset 0 1px $top_hilight; } - } +tooltip.csd { + border-radius: 5px; + box-shadow: none; } // catch all extend :)