GTK+-3.20 TraditionalOK: adjust treeviews and rows

1 files changed, 54 insertions, 27 deletions

diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
index 7f01aa1e..d78ff490 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
@@ -2645,17 +2645,9 @@ switch slider:disabled {
     border-color: @insensitive_border_color;
 }
 
-treeview {
-    -GtkTreeView-vertical-separator: 0;
-    -GtkTreeView-expander-size: 13;
-}
-
-treeview.dnd {
-    border-color: @internal_element_color;
-    border-radius: 2px;
-    border-width: 1px;
-    border-style: solid;
-}
+/**************************
+ * GtkIconview GtkViewport*
+ **************************/
 
 iconview,
 viewport {
@@ -2671,6 +2663,7 @@ iconview.view.cell:selected:focus {
     border-radius: 4px;
 }
 
+list,
 view,
 .view, 
 view text,
@@ -2703,17 +2696,23 @@ treeview:disabled {
     color: @insensitive_fg_color;
 }
 
-GtkTreeView:hover {
-    background-image: linear-gradient(to bottom,
-                      shade(@button_active_gradient_a, 1.20),
-                      shade(@button_active_gradient_b, 1.20) 3px,
-                      shade(@button_active_gradient_c, 1.20) 4px,
-                      shade(@button_active_gradient_d, 1.20) 50%,
-                      shade(@button_active_gradient_e, 1.20) 50%,
-                      shade(@button_active_gradient_f, 1.20));
-    background-color: transparent;
+/***************
+ * GtkTreeview *
+ ***************/
+
+treeview {
+    -GtkTreeView-vertical-separator: 0;
+    -GtkTreeView-expander-size: 13;
 }
 
+treeview.dnd {
+    border-color: @internal_element_color;
+    border-radius: 2px;
+    border-width: 1px;
+    border-style: solid;
+}
+
+/* column-headers */
 treeview header button {
     color: @internal_element_color;
 }
@@ -2756,30 +2755,58 @@ treeview header button:active:focus {
     background-image: none;
 }
 
-row:hover {
-    border-width: 0;
+treeview header button,
+treeview header button:focus,
+treeview header button:active,
+treeview header button:active:hover,
+treeview header button:active:focus {
+    border-image: none;
+    border-width: 1px;
+    border-radius: 0;
+    border-style: solid;
+    border-color: @column_header_border_top_color @column_header_border_right_color
+                  @column_header_border_bottom_color @column_header_border_left_color;
+
 }
 
-row:disabled {
-    border-width: 0;
+treeview header button:last-child,
+treeview header button:last-child:focus,
+treeview header button:last-child:active,
+treeview header button:last-child:active:hover,
+treeview header button:last-child:active:focus{
+    border-right: none;
 }
 
+row:hover,
+row:disabled,
 row:selected,
 row:selected:focus {
     border-width: 0;
 }
 
+row:selected,
 row:selected:focus,
-.cell:selected {
+.cell:selected,
+row:selected:hover,
+row:selected:focus:hover,
+.cell:selected:hover {
     background-image: -gtk-gradient (linear,
                       left top,
                       left bottom,
                       from (@menubar_menuitem_hover_gradient_a),
-                      color-stop (0.50, @menubar_menuitem_hover_gradient_b),
-                      color-stop (0.50, @menubar_menuitem_hover_gradient_c),
                       to (@menubar_menuitem_hover_gradient_d));
 }
 
+row:hover,
+row:hover:focus,
+.cell:hover {
+    background-image: -gtk-gradient (linear,
+                      left top,
+                      left bottom,
+                      from (shade(@menubar_menuitem_hover_gradient_a, 1.2)),
+                      to (shade(@menubar_menuitem_hover_gradient_d, 1.3)));
+}
+
 .cell {
     color: @theme_text_color;
     padding: 2px;