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:
parent
be17195fcc
commit
f3e3d8503e
@ -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; }
|
||||||
|
@ -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; }
|
||||||
|
@ -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; }
|
||||||
|
@ -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; }
|
||||||
|
@ -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; }
|
||||||
|
@ -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; }
|
||||||
|
@ -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;
|
||||||
|
@ -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; }
|
||||||
|
@ -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; }
|
||||||
|
@ -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; }
|
||||||
|
@ -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; }
|
||||||
|
@ -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; }
|
||||||
|
@ -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; }
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user