forked from AuroraMiddleware/gtk
Adwaita: fix bogus rounded corners on split headerbars
we have to do some assumptions for css selectors limits for this particular case, so for split headerbars to work correctly the actual haderbars need not to have the titlebar class applied.
This commit is contained in:
parent
939be8a24b
commit
a64bf81a9f
@ -1086,7 +1086,8 @@ headerbar {
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
border-color: $borders_color;
|
||||
border-radius: 7px 7px 0 0;
|
||||
border-radius: 0;
|
||||
|
||||
background-color: transparent;
|
||||
|
||||
@include headerbar_fill;
|
||||
@ -1254,13 +1255,28 @@ headerbar {
|
||||
}
|
||||
}
|
||||
|
||||
.titlebar {
|
||||
&, &:backdrop {
|
||||
border-top-left-radius: 7px;
|
||||
border-top-right-radius: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
headerbar {
|
||||
separator:first-child + &, // tackles the paned container case
|
||||
&:first-child { &, &:backdrop { border-top-left-radius: 7px; }}
|
||||
&:last-child { &, &:backdrop { border-top-right-radius: 7px; }}
|
||||
}
|
||||
|
||||
.titlebar:not(headerbar) {
|
||||
window.csd > & {
|
||||
// in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-style: none;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
@extend %titlebar;
|
||||
}
|
||||
|
@ -1605,7 +1605,7 @@ headerbar {
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
border-color: #1c1f1f;
|
||||
border-radius: 7px 7px 0 0;
|
||||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, #2a2f2f, #2f3434 2px, #323737 3px);
|
||||
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); }
|
||||
@ -1927,11 +1927,22 @@ headerbar {
|
||||
.titlebar headerbar.default-decoration button.titlebutton {
|
||||
padding: 5px; }
|
||||
|
||||
.titlebar, .titlebar:backdrop {
|
||||
border-top-left-radius: 7px;
|
||||
border-top-right-radius: 7px; }
|
||||
|
||||
separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop {
|
||||
border-top-left-radius: 7px; }
|
||||
headerbar:last-child, headerbar:last-child:backdrop {
|
||||
border-top-right-radius: 7px; }
|
||||
|
||||
window.csd > .titlebar:not(headerbar) {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-color: transparent; }
|
||||
border-style: none;
|
||||
border-color: transparent;
|
||||
box-shadow: none; }
|
||||
|
||||
/************
|
||||
* Pathbars *
|
||||
|
@ -1605,7 +1605,7 @@ headerbar {
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
border-color: #9d9d99;
|
||||
border-radius: 7px 7px 0 0;
|
||||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
|
||||
@ -1927,11 +1927,22 @@ headerbar {
|
||||
.titlebar headerbar.default-decoration button.titlebutton {
|
||||
padding: 5px; }
|
||||
|
||||
.titlebar, .titlebar:backdrop {
|
||||
border-top-left-radius: 7px;
|
||||
border-top-right-radius: 7px; }
|
||||
|
||||
separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop {
|
||||
border-top-left-radius: 7px; }
|
||||
headerbar:last-child, headerbar:last-child:backdrop {
|
||||
border-top-right-radius: 7px; }
|
||||
|
||||
window.csd > .titlebar:not(headerbar) {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-color: transparent; }
|
||||
border-style: none;
|
||||
border-color: transparent;
|
||||
box-shadow: none; }
|
||||
|
||||
/************
|
||||
* Pathbars *
|
||||
|
Loading…
Reference in New Issue
Block a user