pull/255/head
vinceliuice 3 years ago
parent 05f46af9a9
commit 893748b247

@ -3936,9 +3936,20 @@ colorchooser .popover.osd {
window {
outline: none;
transition: $transition-shadow;
border-radius: $window-radius;
box-shadow: $shadow-z16, 0 16px (24px * .6) 2px transparent, 0 6px (30px * .6) 5px transparent;
&.csd {
border-radius: $window-radius;
&.maximized,
&.fullscreen,
&.tiled,
&.tiled-top,
&.tiled-right,
&.tiled-bottom,
&.tiled-left { border-radius: 0; }
}
@if $variant == 'light' and $topbar == 'dark' {
&.background {
background-color: transparent;
@ -3958,16 +3969,11 @@ window {
box-shadow: $shadow-z4, 0 16px (24px * .6) 2px transparent, 0 6px (30px * .6) 5px transparent;
}
&.popup {
border-radius: $menu-radius;
box-shadow: $shadow-z4;
&.ssd {
box-shadow: none; // just doing borders, wm draws actual shadows
}
&.dialog.message {
border-radius: $window-radius;
}
.solid-csd & {
&.solid-csd {
margin: 0;
padding: 2px;
border-radius: 0;
@ -3976,14 +3982,6 @@ window {
&:backdrop { background-color: $titlebar-backdrop; }
}
&.maximized,
&.fullscreen,
&.tiled,
&.tiled-top,
&.tiled-right,
&.tiled-bottom,
&.tiled-left { border-radius: 0; }
}
// Window button

@ -4364,10 +4364,17 @@ colorchooser .popover.osd:backdrop {
window {
outline: none;
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 16px;
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
}
window.csd {
border-radius: 16px;
}
window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
border-radius: 0;
}
window.background {
background-color: transparent;
background-image: linear-gradient(to bottom, #2C2C2C, #2C2C2C 40px, #F2F2F2 40px, #F2F2F2);
@ -4377,16 +4384,11 @@ window:backdrop {
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
}
window.popup {
border-radius: 9px;
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
window.dialog.message {
border-radius: 16px;
window.ssd {
box-shadow: none;
}
.solid-csd window {
window.solid-csd {
margin: 0;
padding: 2px;
border-radius: 0;
@ -4394,14 +4396,10 @@ window.dialog.message {
background-color: #2C2C2C;
}
.solid-csd window:backdrop {
window.solid-csd:backdrop {
background-color: #2C2C2C;
}
window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-right, window.tiled-bottom, window.tiled-left {
border-radius: 0;
}
windowcontrols {
border-spacing: 4px;
}

@ -4364,24 +4364,26 @@ colorchooser .popover.osd:backdrop {
window {
outline: none;
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 16px;
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
}
window:backdrop {
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
window.csd {
border-radius: 16px;
}
window.popup {
border-radius: 9px;
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
border-radius: 0;
}
window.dialog.message {
border-radius: 16px;
window:backdrop {
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
}
window.ssd {
box-shadow: none;
}
.solid-csd window {
window.solid-csd {
margin: 0;
padding: 2px;
border-radius: 0;
@ -4389,14 +4391,10 @@ window.dialog.message {
background-color: #2C2C2C;
}
.solid-csd window:backdrop {
window.solid-csd:backdrop {
background-color: #2C2C2C;
}
window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-right, window.tiled-bottom, window.tiled-left {
border-radius: 0;
}
windowcontrols {
border-spacing: 4px;
}

@ -4364,24 +4364,26 @@ colorchooser .popover.osd:backdrop {
window {
outline: none;
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 18px;
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
}
window:backdrop {
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
window.csd {
border-radius: 18px;
}
window.popup {
border-radius: 11px;
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
border-radius: 0;
}
window.dialog.message {
border-radius: 18px;
window:backdrop {
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
}
window.ssd {
box-shadow: none;
}
.solid-csd window {
window.solid-csd {
margin: 0;
padding: 2px;
border-radius: 0;
@ -4389,14 +4391,10 @@ window.dialog.message {
background-color: #2C2C2C;
}
.solid-csd window:backdrop {
window.solid-csd:backdrop {
background-color: #2C2C2C;
}
window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-right, window.tiled-bottom, window.tiled-left {
border-radius: 0;
}
windowcontrols {
border-spacing: 6px;
}

@ -4364,24 +4364,26 @@ colorchooser .popover.osd:backdrop {
window {
outline: none;
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 16px;
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
}
window:backdrop {
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
window.csd {
border-radius: 16px;
}
window.popup {
border-radius: 9px;
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
border-radius: 0;
}
window.dialog.message {
border-radius: 16px;
window:backdrop {
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
}
window.ssd {
box-shadow: none;
}
.solid-csd window {
window.solid-csd {
margin: 0;
padding: 2px;
border-radius: 0;
@ -4389,14 +4391,10 @@ window.dialog.message {
background-color: #FFFFFF;
}
.solid-csd window:backdrop {
window.solid-csd:backdrop {
background-color: #FFFFFF;
}
window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-right, window.tiled-bottom, window.tiled-left {
border-radius: 0;
}
windowcontrols {
border-spacing: 4px;
}

@ -4364,24 +4364,26 @@ colorchooser .popover.osd:backdrop {
window {
outline: none;
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 18px;
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
}
window:backdrop {
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
window.csd {
border-radius: 18px;
}
window.popup {
border-radius: 11px;
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
border-radius: 0;
}
window.dialog.message {
border-radius: 18px;
window:backdrop {
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
}
window.ssd {
box-shadow: none;
}
.solid-csd window {
window.solid-csd {
margin: 0;
padding: 2px;
border-radius: 0;
@ -4389,14 +4391,10 @@ window.dialog.message {
background-color: #FFFFFF;
}
.solid-csd window:backdrop {
window.solid-csd:backdrop {
background-color: #FFFFFF;
}
window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-right, window.tiled-bottom, window.tiled-left {
border-radius: 0;
}
windowcontrols {
border-spacing: 6px;
}

@ -4364,10 +4364,17 @@ colorchooser .popover.osd:backdrop {
window {
outline: none;
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 18px;
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
}
window.csd {
border-radius: 18px;
}
window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
border-radius: 0;
}
window.background {
background-color: transparent;
background-image: linear-gradient(to bottom, #2C2C2C, #2C2C2C 48px, #F2F2F2 48px, #F2F2F2);
@ -4377,16 +4384,11 @@ window:backdrop {
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
}
window.popup {
border-radius: 11px;
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
window.dialog.message {
border-radius: 18px;
window.ssd {
box-shadow: none;
}
.solid-csd window {
window.solid-csd {
margin: 0;
padding: 2px;
border-radius: 0;
@ -4394,14 +4396,10 @@ window.dialog.message {
background-color: #2C2C2C;
}
.solid-csd window:backdrop {
window.solid-csd:backdrop {
background-color: #2C2C2C;
}
window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-right, window.tiled-bottom, window.tiled-left {
border-radius: 0;
}
windowcontrols {
border-spacing: 6px;
}

Loading…
Cancel
Save