Rounded top corners
This commit is contained in:
parent
63e250e968
commit
39779348c4
2 changed files with 102 additions and 0 deletions
|
@ -53,6 +53,104 @@ decoration:backdrop {
|
|||
0 0 0 1px @headerbar_backdrop_color;
|
||||
}
|
||||
|
||||
/* including some specificty bumps, the need for which I don't have an explanation */
|
||||
|
||||
decoration, .background .titlebar:dir(ltr), .background .titlebar:dir(rtl) {
|
||||
border-radius: 12px 12px 0 0;
|
||||
}
|
||||
.background.tiled .titlebar:backdrop, .background.tiled .titlebar,
|
||||
.background.tiled-top .titlebar:backdrop,
|
||||
.background.tiled-top .titlebar,
|
||||
.background.tiled-right .titlebar:backdrop,
|
||||
.background.tiled-right .titlebar,
|
||||
.background.tiled-bottom .titlebar:backdrop,
|
||||
.background.tiled-bottom .titlebar,
|
||||
.background.tiled-left .titlebar:backdrop,
|
||||
.background.tiled-left .titlebar,
|
||||
.background.maximized .titlebar:backdrop,
|
||||
.background.maximized .titlebar,
|
||||
.background.solid-csd .titlebar:backdrop,
|
||||
.background.solid-csd .titlebar {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0; }
|
||||
|
||||
|
||||
/* madness for rounded corners, taken from Plane-dark 3.36 */
|
||||
window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar,
|
||||
window headerbar:first-child:backdrop,
|
||||
window headerbar:first-child {
|
||||
border-top-left-radius: 12px; }
|
||||
|
||||
window headerbar:last-child:backdrop, window headerbar:last-child {
|
||||
border-top-right-radius: 12px; }
|
||||
|
||||
window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px; }
|
||||
|
||||
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child,
|
||||
window.tiled-top headerbar,
|
||||
window.tiled-top headerbar:first-child,
|
||||
window.tiled-top headerbar:last-child,
|
||||
window.tiled-top headerbar:only-child,
|
||||
window.tiled-top headerbar:backdrop,
|
||||
window.tiled-top headerbar:backdrop:first-child,
|
||||
window.tiled-top headerbar:backdrop:last-child,
|
||||
window.tiled-top headerbar:backdrop:only-child,
|
||||
window.tiled-right headerbar,
|
||||
window.tiled-right headerbar:first-child,
|
||||
window.tiled-right headerbar:last-child,
|
||||
window.tiled-right headerbar:only-child,
|
||||
window.tiled-right headerbar:backdrop,
|
||||
window.tiled-right headerbar:backdrop:first-child,
|
||||
window.tiled-right headerbar:backdrop:last-child,
|
||||
window.tiled-right headerbar:backdrop:only-child,
|
||||
window.tiled-bottom headerbar,
|
||||
window.tiled-bottom headerbar:first-child,
|
||||
window.tiled-bottom headerbar:last-child,
|
||||
window.tiled-bottom headerbar:only-child,
|
||||
window.tiled-bottom headerbar:backdrop,
|
||||
window.tiled-bottom headerbar:backdrop:first-child,
|
||||
window.tiled-bottom headerbar:backdrop:last-child,
|
||||
window.tiled-bottom headerbar:backdrop:only-child,
|
||||
window.tiled-left headerbar,
|
||||
window.tiled-left headerbar:first-child,
|
||||
window.tiled-left headerbar:last-child,
|
||||
window.tiled-left headerbar:only-child,
|
||||
window.tiled-left headerbar:backdrop,
|
||||
window.tiled-left headerbar:backdrop:first-child,
|
||||
window.tiled-left headerbar:backdrop:last-child,
|
||||
window.tiled-left headerbar:backdrop:only-child,
|
||||
window.maximized headerbar,
|
||||
window.maximized headerbar:first-child,
|
||||
window.maximized headerbar:last-child,
|
||||
window.maximized headerbar:only-child,
|
||||
window.maximized headerbar:backdrop,
|
||||
window.maximized headerbar:backdrop:first-child,
|
||||
window.maximized headerbar:backdrop:last-child,
|
||||
window.maximized headerbar:backdrop:only-child,
|
||||
window.fullscreen headerbar,
|
||||
window.fullscreen headerbar:first-child,
|
||||
window.fullscreen headerbar:last-child,
|
||||
window.fullscreen headerbar:only-child,
|
||||
window.fullscreen headerbar:backdrop,
|
||||
window.fullscreen headerbar:backdrop:first-child,
|
||||
window.fullscreen headerbar:backdrop:last-child,
|
||||
window.fullscreen headerbar:backdrop:only-child,
|
||||
window.solid-csd headerbar,
|
||||
window.solid-csd headerbar:first-child,
|
||||
window.solid-csd headerbar:last-child,
|
||||
window.solid-csd headerbar:only-child,
|
||||
window.solid-csd headerbar:backdrop,
|
||||
window.solid-csd headerbar:backdrop:first-child,
|
||||
window.solid-csd headerbar:backdrop:last-child,
|
||||
window.solid-csd headerbar:backdrop:only-child {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0; }
|
||||
|
||||
|
||||
|
||||
|
||||
/* since they do not work properly on gtk4, remove box-shadow in gtk-3 */
|
||||
tooltip.background decoration {
|
||||
box-shadow: none;
|
||||
|
|
|
@ -67,6 +67,10 @@ background-color: unset;
|
|||
0 0 0 1px @headerbar_backdrop_color;
|
||||
}
|
||||
|
||||
.titlebar, window { /* so much easier than in gtk3 */
|
||||
border-radius: 12px 12px 0 0;
|
||||
}
|
||||
|
||||
/* box-shadows are cut, so do not draw them */
|
||||
/*tooltip.background {
|
||||
box-shadow: 0 0.25em 0.5em 0 alpha(black, 0.5);
|
||||
|
|
Loading…
Reference in a new issue