1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00

column header cleanup

This commit is contained in:
Horst3180 2016-02-19 11:06:17 +01:00
parent 65500eb2c6
commit 01d84120a6
7 changed files with 76 additions and 115 deletions

View File

@ -1387,21 +1387,13 @@ treeview.view {
background-color: #404552; background-color: #404552;
font-weight: bold; } font-weight: bold; }
treeview.view header button:hover { treeview.view header button:hover {
color: #5294E2; color: #5294E2; }
box-shadow: none;
transition: none; }
treeview.view header button:active { treeview.view header button:active {
color: #D3DAE3; color: #D3DAE3; }
transition: none; } treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover {
treeview.view header button:last-child, transition: none;
treeview.view header button:last-child:hover, color: #5294E2;
treeview.view header button:last-child:active { box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; }
border-right-style: none;
border-image: none; }
treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover {
transition: none;
color: #5294E2;
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; }
treeview.view header button, treeview.view header button:hover, treeview.view header button:active { treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
min-height: 0; min-height: 0;
@ -1410,7 +1402,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
background-image: none; background-image: none;
border-style: none solid none none; border-style: none solid none none;
border-radius: 0; border-radius: 0;
border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:active, treeview.view header button:hover { treeview.view header button:active, treeview.view header button:hover {
background-color: #404552; } background-color: #404552; }
treeview.view header button:active:hover { treeview.view header button:active:hover {
@ -1418,6 +1410,9 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
treeview.view header button:disabled { treeview.view header button:disabled {
border-color: #383C4A; border-color: #383C4A;
background-image: none; } background-image: none; }
treeview.view header button:last-child {
border-right-style: none;
border-image: none; }
menubar, menubar,
.menubar { .menubar {

View File

@ -1386,21 +1386,13 @@ treeview.view {
background-color: #ffffff; background-color: #ffffff;
font-weight: bold; } font-weight: bold; }
treeview.view header button:hover { treeview.view header button:hover {
color: #5294E2; color: #5294E2; }
box-shadow: none;
transition: none; }
treeview.view header button:active { treeview.view header button:active {
color: #5c616c; color: #5c616c; }
transition: none; } treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover {
treeview.view header button:last-child, transition: none;
treeview.view header button:last-child:hover, color: #5294E2;
treeview.view header button:last-child:active { box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
border-right-style: none;
border-image: none; }
treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover {
transition: none;
color: #5294E2;
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
treeview.view header button, treeview.view header button:hover, treeview.view header button:active { treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
min-height: 0; min-height: 0;
@ -1409,7 +1401,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
background-image: none; background-image: none;
border-style: none solid none none; border-style: none solid none none;
border-radius: 0; border-radius: 0;
border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:active, treeview.view header button:hover { treeview.view header button:active, treeview.view header button:hover {
background-color: #ffffff; } background-color: #ffffff; }
treeview.view header button:active:hover { treeview.view header button:active:hover {
@ -1417,6 +1409,9 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
treeview.view header button:disabled { treeview.view header button:disabled {
border-color: #F5F6F7; border-color: #F5F6F7;
background-image: none; } background-image: none; }
treeview.view header button:last-child {
border-right-style: none;
border-image: none; }
menubar, menubar,
.menubar { .menubar {

View File

@ -1387,21 +1387,13 @@ treeview.view {
background-color: #404552; background-color: #404552;
font-weight: bold; } font-weight: bold; }
treeview.view header button:hover { treeview.view header button:hover {
color: #5294E2; color: #5294E2; }
box-shadow: none;
transition: none; }
treeview.view header button:active { treeview.view header button:active {
color: #D3DAE3; color: #D3DAE3; }
transition: none; } treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover {
treeview.view header button:last-child, transition: none;
treeview.view header button:last-child:hover, color: #5294E2;
treeview.view header button:last-child:active { box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; }
border-right-style: none;
border-image: none; }
treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover {
transition: none;
color: #5294E2;
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; }
treeview.view header button, treeview.view header button:hover, treeview.view header button:active { treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
min-height: 0; min-height: 0;
@ -1410,7 +1402,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
background-image: none; background-image: none;
border-style: none solid none none; border-style: none solid none none;
border-radius: 0; border-radius: 0;
border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:active, treeview.view header button:hover { treeview.view header button:active, treeview.view header button:hover {
background-color: #404552; } background-color: #404552; }
treeview.view header button:active:hover { treeview.view header button:active:hover {
@ -1418,6 +1410,9 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
treeview.view header button:disabled { treeview.view header button:disabled {
border-color: #383C4A; border-color: #383C4A;
background-image: none; } background-image: none; }
treeview.view header button:last-child {
border-right-style: none;
border-image: none; }
menubar, menubar,
.menubar { .menubar {

View File

@ -1386,21 +1386,13 @@ treeview.view {
background-color: #ffffff; background-color: #ffffff;
font-weight: bold; } font-weight: bold; }
treeview.view header button:hover { treeview.view header button:hover {
color: #5294E2; color: #5294E2; }
box-shadow: none;
transition: none; }
treeview.view header button:active { treeview.view header button:active {
color: #5c616c; color: #5c616c; }
transition: none; } treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover {
treeview.view header button:last-child, transition: none;
treeview.view header button:last-child:hover, color: #5294E2;
treeview.view header button:last-child:active { box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
border-right-style: none;
border-image: none; }
treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover {
transition: none;
color: #5294E2;
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
treeview.view header button, treeview.view header button:hover, treeview.view header button:active { treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
min-height: 0; min-height: 0;
@ -1409,7 +1401,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
background-image: none; background-image: none;
border-style: none solid none none; border-style: none solid none none;
border-radius: 0; border-radius: 0;
border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:active, treeview.view header button:hover { treeview.view header button:active, treeview.view header button:hover {
background-color: #ffffff; } background-color: #ffffff; }
treeview.view header button:active:hover { treeview.view header button:active:hover {
@ -1417,6 +1409,9 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
treeview.view header button:disabled { treeview.view header button:disabled {
border-color: #F5F6F7; border-color: #F5F6F7;
background-image: none; } background-image: none; }
treeview.view header button:last-child {
border-right-style: none;
border-image: none; }
menubar, menubar,
.menubar { .menubar {

View File

@ -1390,21 +1390,13 @@ treeview.view {
background-color: #ffffff; background-color: #ffffff;
font-weight: bold; } font-weight: bold; }
treeview.view header button:hover { treeview.view header button:hover {
color: #5294E2; color: #5294E2; }
box-shadow: none;
transition: none; }
treeview.view header button:active { treeview.view header button:active {
color: #5c616c; color: #5c616c; }
transition: none; } treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover {
treeview.view header button:last-child, transition: none;
treeview.view header button:last-child:hover, color: #5294E2;
treeview.view header button:last-child:active { box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
border-right-style: none;
border-image: none; }
treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover {
transition: none;
color: #5294E2;
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
treeview.view header button, treeview.view header button:hover, treeview.view header button:active { treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
min-height: 0; min-height: 0;
@ -1413,7 +1405,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
background-image: none; background-image: none;
border-style: none solid none none; border-style: none solid none none;
border-radius: 0; border-radius: 0;
border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:active, treeview.view header button:hover { treeview.view header button:active, treeview.view header button:hover {
background-color: #ffffff; } background-color: #ffffff; }
treeview.view header button:active:hover { treeview.view header button:active:hover {
@ -1421,6 +1413,9 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
treeview.view header button:disabled { treeview.view header button:disabled {
border-color: #F5F6F7; border-color: #F5F6F7;
background-image: none; } background-image: none; }
treeview.view header button:last-child {
border-right-style: none;
border-image: none; }
menubar, menubar,
.menubar { .menubar {

View File

@ -1390,21 +1390,13 @@ treeview.view {
background-color: #ffffff; background-color: #ffffff;
font-weight: bold; } font-weight: bold; }
treeview.view header button:hover { treeview.view header button:hover {
color: #5294E2; color: #5294E2; }
box-shadow: none;
transition: none; }
treeview.view header button:active { treeview.view header button:active {
color: #5c616c; color: #5c616c; }
transition: none; } treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover {
treeview.view header button:last-child, transition: none;
treeview.view header button:last-child:hover, color: #5294E2;
treeview.view header button:last-child:active { box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
border-right-style: none;
border-image: none; }
treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover {
transition: none;
color: #5294E2;
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
treeview.view header button, treeview.view header button:hover, treeview.view header button:active { treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
min-height: 0; min-height: 0;
@ -1413,7 +1405,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
background-image: none; background-image: none;
border-style: none solid none none; border-style: none solid none none;
border-radius: 0; border-radius: 0;
border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:active, treeview.view header button:hover { treeview.view header button:active, treeview.view header button:hover {
background-color: #ffffff; } background-color: #ffffff; }
treeview.view header button:active:hover { treeview.view header button:active:hover {
@ -1421,6 +1413,9 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
treeview.view header button:disabled { treeview.view header button:disabled {
border-color: #F5F6F7; border-color: #F5F6F7;
background-image: none; } background-image: none; }
treeview.view header button:last-child {
border-right-style: none;
border-image: none; }
menubar, menubar,
.menubar { .menubar {

View File

@ -1419,42 +1419,29 @@ treeview.view {
header { header {
button { button {
@extend %column_header_button;
$_column_header_color: mix($fg_color,$base_color,80%); $_column_header_color: mix($fg_color,$base_color,80%);
&, &:hover, &:active { @extend %column_header_button; }
color: $_column_header_color; color: $_column_header_color;
background-color: $base_color; background-color: $base_color;
font-weight: bold; font-weight: bold;
&:hover { &:hover {
@extend %column_header_button;
color: $selected_bg_color; color: $selected_bg_color;
box-shadow: none;
transition: none; //I shouldn't need this
} }
&:active { &:active {
@extend %column_header_button;
color: $fg_color; color: $fg_color;
transition: none; //I shouldn't need this
} }
&.dnd { &.dnd {
@extend header.button.dnd; &, &:selected, &:hover {
transition: none;
color: $selected_bg_color;
box-shadow: inset 1px 1px 0 1px $selected_bg_color,
inset -1px 0 0 1px $selected_bg_color,
inset 1px 1px $base_color, inset -1px 0 $base_color;
}
} }
} }
button:last-child,
button:last-child:hover,
button:last-child:active { //treeview-like derived widgets in Banshee and Evolution
border-right-style: none;
border-image: none;
}
}
header.button.dnd { // for treeview-like derive widgets
transition: none;
color: $selected_bg_color;
box-shadow: inset 1px 1px 0 1px $selected_bg_color,
inset -1px 0 0 1px $selected_bg_color,
inset 1px 1px $base_color, inset -1px 0 $base_color;;
&:active { @extend header.button.dnd; }
&:selected { @extend header.button.dnd; }
&:hover { @extend header.button.dnd; }
} }
} }
@ -1466,10 +1453,10 @@ treeview.view {
border-style: none solid none none; border-style: none solid none none;
border-radius: 0; border-radius: 0;
border-image: linear-gradient(to bottom, border-image: linear-gradient(to bottom,
transparentize(if($variant == 'light', black, white), 1) 20%, $base_color 20%,
transparentize(if($variant == 'light', black, white), 0.89) 20%, transparentize(if($variant == 'light', black, white), 0.89) 20%,
transparentize(if($variant == 'light', black, white), 0.89) 80%, transparentize(if($variant == 'light', black, white), 0.89) 80%,
transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; $base_color 80%) 0 1 0 0 / 0 1px 0 0 stretch;
&:active, &:hover { background-color: $base_color; } &:active, &:hover { background-color: $base_color; }
&:active:hover { color: $fg_color; } &:active:hover { color: $fg_color; }
@ -1477,6 +1464,10 @@ treeview.view {
border-color: $bg_color; border-color: $bg_color;
background-image: none; background-image: none;
} }
&:last-child {
border-right-style: none;
border-image: none;
}
} }
// //