mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
handle separators in split titlebars correctly
This commit is contained in:
parent
b6a4dc4d1f
commit
ad624e0720
@ -1020,6 +1020,7 @@ headerbar:last-child, headerbar:last-child:backdrop {
|
|||||||
.tiled headerbar:last-child:backdrop {
|
.tiled headerbar:last-child:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
|
|
||||||
|
window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop,
|
||||||
window.csd > .titlebar:not(headerbar),
|
window.csd > .titlebar:not(headerbar),
|
||||||
window.csd > .titlebar:not(headerbar):backdrop {
|
window.csd > .titlebar:not(headerbar):backdrop {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@ -1030,7 +1031,7 @@ window.csd > .titlebar:not(headerbar):backdrop {
|
|||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
|
||||||
.titlebar:not(headerbar) > separator {
|
.titlebar:not(headerbar) > separator {
|
||||||
background: rgba(38, 42, 51, 0.97); }
|
background-image: linear-gradient(to top, rgba(38, 42, 51, 0.97)); }
|
||||||
|
|
||||||
.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
|
.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
|
@ -1019,6 +1019,7 @@ headerbar:last-child, headerbar:last-child:backdrop {
|
|||||||
.tiled headerbar:last-child:backdrop {
|
.tiled headerbar:last-child:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
|
|
||||||
|
window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop,
|
||||||
window.csd > .titlebar:not(headerbar),
|
window.csd > .titlebar:not(headerbar),
|
||||||
window.csd > .titlebar:not(headerbar):backdrop {
|
window.csd > .titlebar:not(headerbar):backdrop {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@ -1029,7 +1030,7 @@ window.csd > .titlebar:not(headerbar):backdrop {
|
|||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
|
||||||
.titlebar:not(headerbar) > separator {
|
.titlebar:not(headerbar) > separator {
|
||||||
background: rgba(38, 42, 51, 0.97); }
|
background-image: linear-gradient(to top, rgba(38, 42, 51, 0.97)); }
|
||||||
|
|
||||||
.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
|
.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
|
@ -1020,6 +1020,7 @@ headerbar:last-child, headerbar:last-child:backdrop {
|
|||||||
.tiled headerbar:last-child:backdrop {
|
.tiled headerbar:last-child:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
|
|
||||||
|
window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop,
|
||||||
window.csd > .titlebar:not(headerbar),
|
window.csd > .titlebar:not(headerbar),
|
||||||
window.csd > .titlebar:not(headerbar):backdrop {
|
window.csd > .titlebar:not(headerbar):backdrop {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@ -1030,7 +1031,7 @@ window.csd > .titlebar:not(headerbar):backdrop {
|
|||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
|
||||||
.titlebar:not(headerbar) > separator {
|
.titlebar:not(headerbar) > separator {
|
||||||
background: #262a33; }
|
background-image: linear-gradient(to top, #262a33); }
|
||||||
|
|
||||||
.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
|
.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
|
@ -1019,6 +1019,7 @@ headerbar:last-child, headerbar:last-child:backdrop {
|
|||||||
.tiled headerbar:last-child:backdrop {
|
.tiled headerbar:last-child:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
|
|
||||||
|
window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop,
|
||||||
window.csd > .titlebar:not(headerbar),
|
window.csd > .titlebar:not(headerbar),
|
||||||
window.csd > .titlebar:not(headerbar):backdrop {
|
window.csd > .titlebar:not(headerbar):backdrop {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@ -1029,7 +1030,7 @@ window.csd > .titlebar:not(headerbar):backdrop {
|
|||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
|
||||||
.titlebar:not(headerbar) > separator {
|
.titlebar:not(headerbar) > separator {
|
||||||
background: #262a33; }
|
background-image: linear-gradient(to top, #262a33); }
|
||||||
|
|
||||||
.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
|
.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
|
@ -1019,6 +1019,7 @@ headerbar:last-child, headerbar:last-child:backdrop {
|
|||||||
.tiled headerbar:last-child:backdrop {
|
.tiled headerbar:last-child:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
|
|
||||||
|
window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop,
|
||||||
window.csd > .titlebar:not(headerbar),
|
window.csd > .titlebar:not(headerbar),
|
||||||
window.csd > .titlebar:not(headerbar):backdrop {
|
window.csd > .titlebar:not(headerbar):backdrop {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@ -1029,7 +1030,7 @@ window.csd > .titlebar:not(headerbar):backdrop {
|
|||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
|
||||||
.titlebar:not(headerbar) > separator {
|
.titlebar:not(headerbar) > separator {
|
||||||
background: #d4d5db; }
|
background-image: linear-gradient(to top, #d4d5db); }
|
||||||
|
|
||||||
.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
|
.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
|
@ -1019,6 +1019,7 @@ headerbar:last-child, headerbar:last-child:backdrop {
|
|||||||
.tiled headerbar:last-child:backdrop {
|
.tiled headerbar:last-child:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
|
|
||||||
|
window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop,
|
||||||
window.csd > .titlebar:not(headerbar),
|
window.csd > .titlebar:not(headerbar),
|
||||||
window.csd > .titlebar:not(headerbar):backdrop {
|
window.csd > .titlebar:not(headerbar):backdrop {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@ -1029,7 +1030,7 @@ window.csd > .titlebar:not(headerbar):backdrop {
|
|||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
|
||||||
.titlebar:not(headerbar) > separator {
|
.titlebar:not(headerbar) > separator {
|
||||||
background: rgba(212, 213, 219, 0.95); }
|
background-image: linear-gradient(to top, rgba(212, 213, 219, 0.95)); }
|
||||||
|
|
||||||
.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
|
.primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
|
@ -1105,8 +1105,9 @@ headerbar {
|
|||||||
|
|
||||||
// Fixes split headerbars too
|
// Fixes split headerbars too
|
||||||
.titlebar:not(headerbar) {
|
.titlebar:not(headerbar) {
|
||||||
window.csd > &,
|
window > &,
|
||||||
window.csd > &:backdrop {
|
window.csd > & {
|
||||||
|
&, &:backdrop {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
@ -1114,8 +1115,9 @@ headerbar {
|
|||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
> separator { background: $header_border; }
|
> separator { background-image: linear-gradient(to top, $header_border); }
|
||||||
|
|
||||||
@extend %titlebar;
|
@extend %titlebar;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user