1
0
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:
Horst3180 2016-03-29 00:58:12 +02:00
parent b6a4dc4d1f
commit ad624e0720
7 changed files with 23 additions and 15 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;
} }