column-header fixes

imranity · Jul 18, 2015 · f3e3d85 · f3e3d85
1 parent be17195
commit f3e3d85
Show file tree

Hide file tree

Showing 14 changed files with 40 additions and 14 deletions.
diff --git a/common/gtk-3.0/3.14/gtk-contained-dark.css b/common/gtk-3.0/3.14/gtk-contained-dark.css
@@ -1278,8 +1278,10 @@ column-header .button, column-header .button:hover, column-header .button:active
   border-style: none solid none none;
   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; }
-  column-header .button:active {
+  column-header .button:active, column-header .button:hover {
     background-color: #383C45; }
+  column-header .button:active:hover {
+    color: #D3DAE3; }
   column-header .button:insensitive {
     border-color: #444852;
     background-image: none; }

diff --git a/common/gtk-3.0/3.14/gtk-contained-darker.css b/common/gtk-3.0/3.14/gtk-contained-darker.css
@@ -1279,8 +1279,10 @@ column-header .button, column-header .button:hover, column-header .button:active
   border-style: none solid none none;
   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; }
-  column-header .button:active {
+  column-header .button:active, column-header .button:hover {
     background-color: #ffffff; }
+  column-header .button:active:hover {
+    color: #5c616c; }
   column-header .button:insensitive {
     border-color: #F5F6F7;
     background-image: none; }

diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css
@@ -1278,8 +1278,10 @@ column-header .button, column-header .button:hover, column-header .button:active
   border-style: none solid none none;
   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; }
-  column-header .button:active {
+  column-header .button:active, column-header .button:hover {
     background-color: #383C45; }
+  column-header .button:active:hover {
+    color: #D3DAE3; }
   column-header .button:insensitive {
     border-color: #444852;
     background-image: none; }

diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css
@@ -1279,8 +1279,10 @@ column-header .button, column-header .button:hover, column-header .button:active
   border-style: none solid none none;
   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; }
-  column-header .button:active {
+  column-header .button:active, column-header .button:hover {
     background-color: #ffffff; }
+  column-header .button:active:hover {
+    color: #5c616c; }
   column-header .button:insensitive {
     border-color: #F5F6F7;
     background-image: none; }

diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.css b/common/gtk-3.0/3.14/gtk-contained-solid.css
@@ -1278,8 +1278,10 @@ column-header .button, column-header .button:hover, column-header .button:active
   border-style: none solid none none;
   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; }
-  column-header .button:active {
+  column-header .button:active, column-header .button:hover {
     background-color: #ffffff; }
+  column-header .button:active:hover {
+    color: #5c616c; }
   column-header .button:insensitive {
     border-color: #F5F6F7;
     background-image: none; }

diff --git a/common/gtk-3.0/3.14/gtk-contained.css b/common/gtk-3.0/3.14/gtk-contained.css
@@ -1278,8 +1278,10 @@ column-header .button, column-header .button:hover, column-header .button:active
   border-style: none solid none none;
   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; }
-  column-header .button:active {
+  column-header .button:active, column-header .button:hover {
     background-color: #ffffff; }
+  column-header .button:active:hover {
+    color: #5c616c; }
   column-header .button:insensitive {
     border-color: #F5F6F7;
     background-image: none; }

diff --git a/common/gtk-3.0/3.14/sass/_common.scss b/common/gtk-3.0/3.14/sass/_common.scss
@@ -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), 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 {
     border-color: $bg_color;
     background-image: none;

diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.css b/common/gtk-3.0/3.16/gtk-contained-dark.css
@@ -1294,8 +1294,10 @@ column-header .button, column-header .button:hover, column-header .button:active
   border-style: none solid none none;
   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; }
-  column-header .button:active {
+  column-header .button:active, column-header .button:hover {
     background-color: #383C45; }
+  column-header .button:active:hover {
+    color: #D3DAE3; }
   column-header .button:insensitive {
     border-color: #444852;
     background-image: none; }

diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.css b/common/gtk-3.0/3.16/gtk-contained-darker.css
@@ -1295,8 +1295,10 @@ column-header .button, column-header .button:hover, column-header .button:active
   border-style: none solid none none;
   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; }
-  column-header .button:active {
+  column-header .button:active, column-header .button:hover {
     background-color: #ffffff; }
+  column-header .button:active:hover {
+    color: #5c616c; }
   column-header .button:insensitive {
     border-color: #F5F6F7;
     background-image: none; }

diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
@@ -1294,8 +1294,10 @@ column-header .button, column-header .button:hover, column-header .button:active
   border-style: none solid none none;
   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; }
-  column-header .button:active {
+  column-header .button:active, column-header .button:hover {
     background-color: #383C45; }
+  column-header .button:active:hover {
+    color: #D3DAE3; }
   column-header .button:insensitive {
     border-color: #444852;
     background-image: none; }

diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css
@@ -1295,8 +1295,10 @@ column-header .button, column-header .button:hover, column-header .button:active
   border-style: none solid none none;
   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; }
-  column-header .button:active {
+  column-header .button:active, column-header .button:hover {
     background-color: #ffffff; }
+  column-header .button:active:hover {
+    color: #5c616c; }
   column-header .button:insensitive {
     border-color: #F5F6F7;
     background-image: none; }

diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.css b/common/gtk-3.0/3.16/gtk-contained-solid.css
@@ -1294,8 +1294,10 @@ column-header .button, column-header .button:hover, column-header .button:active
   border-style: none solid none none;
   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; }
-  column-header .button:active {
+  column-header .button:active, column-header .button:hover {
     background-color: #ffffff; }
+  column-header .button:active:hover {
+    color: #5c616c; }
   column-header .button:insensitive {
     border-color: #F5F6F7;
     background-image: none; }

diff --git a/common/gtk-3.0/3.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css
@@ -1294,8 +1294,10 @@ column-header .button, column-header .button:hover, column-header .button:active
   border-style: none solid none none;
   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; }
-  column-header .button:active {
+  column-header .button:active, column-header .button:hover {
     background-color: #ffffff; }
+  column-header .button:active:hover {
+    color: #5c616c; }
   column-header .button:insensitive {
     border-color: #F5F6F7;
     background-image: none; }

diff --git a/common/gtk-3.0/3.16/sass/_common.scss b/common/gtk-3.0/3.16/sass/_common.scss
@@ -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), 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 {
     border-color: $bg_color;
     background-image: none;