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

column-header fixes

This commit is contained in:
Horst3180 2015-07-18 19:27:03 +02:00
parent be17195fcc
commit f3e3d8503e
14 changed files with 40 additions and 14 deletions

View File

@ -1278,8 +1278,10 @@ column-header .button, column-header .button:hover, column-header .button:active
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, 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; }
column-header .button:active { column-header .button:active, column-header .button:hover {
background-color: #383C45; } background-color: #383C45; }
column-header .button:active:hover {
color: #D3DAE3; }
column-header .button:insensitive { column-header .button:insensitive {
border-color: #444852; border-color: #444852;
background-image: none; } background-image: none; }

View File

@ -1279,8 +1279,10 @@ column-header .button, column-header .button:hover, column-header .button:active
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, 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; }
column-header .button:active { column-header .button:active, column-header .button:hover {
background-color: #ffffff; } background-color: #ffffff; }
column-header .button:active:hover {
color: #5c616c; }
column-header .button:insensitive { column-header .button:insensitive {
border-color: #F5F6F7; border-color: #F5F6F7;
background-image: none; } background-image: none; }

View File

@ -1278,8 +1278,10 @@ column-header .button, column-header .button:hover, column-header .button:active
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, 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; }
column-header .button:active { column-header .button:active, column-header .button:hover {
background-color: #383C45; } background-color: #383C45; }
column-header .button:active:hover {
color: #D3DAE3; }
column-header .button:insensitive { column-header .button:insensitive {
border-color: #444852; border-color: #444852;
background-image: none; } background-image: none; }

View File

@ -1279,8 +1279,10 @@ column-header .button, column-header .button:hover, column-header .button:active
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, 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; }
column-header .button:active { column-header .button:active, column-header .button:hover {
background-color: #ffffff; } background-color: #ffffff; }
column-header .button:active:hover {
color: #5c616c; }
column-header .button:insensitive { column-header .button:insensitive {
border-color: #F5F6F7; border-color: #F5F6F7;
background-image: none; } background-image: none; }

View File

@ -1278,8 +1278,10 @@ column-header .button, column-header .button:hover, column-header .button:active
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, 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; }
column-header .button:active { column-header .button:active, column-header .button:hover {
background-color: #ffffff; } background-color: #ffffff; }
column-header .button:active:hover {
color: #5c616c; }
column-header .button:insensitive { column-header .button:insensitive {
border-color: #F5F6F7; border-color: #F5F6F7;
background-image: none; } background-image: none; }

View File

@ -1278,8 +1278,10 @@ column-header .button, column-header .button:hover, column-header .button:active
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, 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; }
column-header .button:active { column-header .button:active, column-header .button:hover {
background-color: #ffffff; } background-color: #ffffff; }
column-header .button:active:hover {
color: #5c616c; }
column-header .button:insensitive { column-header .button:insensitive {
border-color: #F5F6F7; border-color: #F5F6F7;
background-image: none; } background-image: none; }

View File

@ -1438,7 +1438,8 @@ column-header.button.dnd { // for treeview-like derive widgets
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; transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch;
&:active { background-color: $base_color; } &:active, &:hover { background-color: $base_color; }
&:active:hover { color: $fg_color; }
&:insensitive { &:insensitive {
border-color: $bg_color; border-color: $bg_color;
background-image: none; background-image: none;

View File

@ -1294,8 +1294,10 @@ column-header .button, column-header .button:hover, column-header .button:active
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, 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; }
column-header .button:active { column-header .button:active, column-header .button:hover {
background-color: #383C45; } background-color: #383C45; }
column-header .button:active:hover {
color: #D3DAE3; }
column-header .button:insensitive { column-header .button:insensitive {
border-color: #444852; border-color: #444852;
background-image: none; } background-image: none; }

View File

@ -1295,8 +1295,10 @@ column-header .button, column-header .button:hover, column-header .button:active
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, 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; }
column-header .button:active { column-header .button:active, column-header .button:hover {
background-color: #ffffff; } background-color: #ffffff; }
column-header .button:active:hover {
color: #5c616c; }
column-header .button:insensitive { column-header .button:insensitive {
border-color: #F5F6F7; border-color: #F5F6F7;
background-image: none; } background-image: none; }

View File

@ -1294,8 +1294,10 @@ column-header .button, column-header .button:hover, column-header .button:active
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, 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; }
column-header .button:active { column-header .button:active, column-header .button:hover {
background-color: #383C45; } background-color: #383C45; }
column-header .button:active:hover {
color: #D3DAE3; }
column-header .button:insensitive { column-header .button:insensitive {
border-color: #444852; border-color: #444852;
background-image: none; } background-image: none; }

View File

@ -1295,8 +1295,10 @@ column-header .button, column-header .button:hover, column-header .button:active
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, 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; }
column-header .button:active { column-header .button:active, column-header .button:hover {
background-color: #ffffff; } background-color: #ffffff; }
column-header .button:active:hover {
color: #5c616c; }
column-header .button:insensitive { column-header .button:insensitive {
border-color: #F5F6F7; border-color: #F5F6F7;
background-image: none; } background-image: none; }

View File

@ -1294,8 +1294,10 @@ column-header .button, column-header .button:hover, column-header .button:active
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, 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; }
column-header .button:active { column-header .button:active, column-header .button:hover {
background-color: #ffffff; } background-color: #ffffff; }
column-header .button:active:hover {
color: #5c616c; }
column-header .button:insensitive { column-header .button:insensitive {
border-color: #F5F6F7; border-color: #F5F6F7;
background-image: none; } background-image: none; }

View File

@ -1294,8 +1294,10 @@ column-header .button, column-header .button:hover, column-header .button:active
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, 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; }
column-header .button:active { column-header .button:active, column-header .button:hover {
background-color: #ffffff; } background-color: #ffffff; }
column-header .button:active:hover {
color: #5c616c; }
column-header .button:insensitive { column-header .button:insensitive {
border-color: #F5F6F7; border-color: #F5F6F7;
background-image: none; } background-image: none; }

View File

@ -1460,7 +1460,8 @@ column-header.button.dnd { // for treeview-like derive widgets
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; transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch;
&:active { background-color: $base_color; } &:active, &:hover { background-color: $base_color; }
&:active:hover { color: $fg_color; }
&:insensitive { &:insensitive {
border-color: $bg_color; border-color: $bg_color;
background-image: none; background-image: none;