[gtk: 2/4] Adwaita: Improve columnview styling

[Matthias Clasen <matthiasc src gnome org>]

commit 42be26f1b106b0f5bf7f924f9e403e81d4952d55
Author: nana-4 <hnmaigo gmail com>
Date:   Tue Sep 22 10:37:04 2020 +0900

    Adwaita: Improve columnview styling
    
    - Move padding from parent row to child cell.
    - Align horizontal sizing of cell with header button.
    - Properly support GtkColumnView:show-column-separators.
    - Change cell height with and without .data-table.

 gtk/theme/Adwaita/_common.scss | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 35788a84c4..fe5faee0df 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -3116,6 +3116,33 @@ row {
   }
 }
 
+columnview {
+  // move padding to child cells
+  > listview > row {
+    padding: 0;
+
+    // align horizontal sizing with header buttons
+    > cell {
+      padding: 8px 6px;
+
+      &:not(:last-child) {
+        border-right: 1px solid transparent;
+      }
+    }
+  }
+
+  // make column separators visible when :show-column-separators is true
+  &.column-separators > listview > row > cell {
+    border-right-color: $_treeview_borders_color;
+  }
+
+  // shrink vertically for .data-table
+  &.data-table > listview > row > cell {
+    padding-top: 2px;
+    padding-bottom: 2px;
+  }
+}
+
 /********************************************************
  * Data Tables                                          *
  * treeview like tables with individual focusable cells *