Adwaita: correctly style headerbars in a stack

corners are correctly rounded now. Stacked splitted headerbars are
not supported yet though.
This commit is contained in:
Lapo Calamandrei 2016-11-03 18:52:54 +01:00
parent 39a8a6ef72
commit a47a3fbd3b
3 changed files with 15 additions and 2 deletions

View File

@ -1569,11 +1569,18 @@ headerbar {
}
}
headerbar {
headerbar { // headerbar border rounding
window:not(.tiled):not(.maximized):not(.solid-csd) separator:first-child + &, // tackles the paned container case
window:not(.tiled):not(.maximized):not(.solid-csd) &:first-child { &:backdrop, & { border-top-left-radius: 7px; }}
window:not(.tiled):not(.maximized):not(.solid-csd) &:last-child { &:backdrop, & { border-top-right-radius: 7px; }}
window:not(.tiled):not(.maximized):not(.solid-csd) stack & { // tackles the stacked headerbars case
&:first-child, &:last-child {
&:backdrop, & {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
}
}
}
.titlebar:not(headerbar) {

View File

@ -2022,6 +2022,9 @@ window:not(.tiled):not(.maximized):not(.solid-csd) separator:first-child + heade
border-top-left-radius: 7px; }
window:not(.tiled):not(.maximized):not(.solid-csd) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) headerbar:last-child {
border-top-right-radius: 7px; }
window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:first-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:last-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:last-child {
border-top-left-radius: 7px;
border-top-right-radius: 7px; }
window.csd > .titlebar:not(headerbar) {
padding: 0;

View File

@ -2031,6 +2031,9 @@ window:not(.tiled):not(.maximized):not(.solid-csd) separator:first-child + heade
border-top-left-radius: 7px; }
window:not(.tiled):not(.maximized):not(.solid-csd) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) headerbar:last-child {
border-top-right-radius: 7px; }
window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:first-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:last-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:last-child {
border-top-left-radius: 7px;
border-top-right-radius: 7px; }
window.csd > .titlebar:not(headerbar) {
padding: 0;