[gedit] Rework documents panel css

[Paolo Borelli <pborelli src gnome org>]

commit 33e54246a68c28ff74f0602a3e96b7e1277af217
Author: Paolo Borelli <pborelli gnome org>
Date:   Sun Jan 31 11:08:02 2016 +0100

    Rework documents panel css
    
    Update to the latest Adwaita. With new gtk we do not need to the
    add_class hack to match prelighted rows, :hover works now.

 gedit/gedit-documents-panel.c         |   35 --------------
 gedit/resources/css/gedit.adwaita.css |   84 +++++++++------------------------
 2 files changed, 22 insertions(+), 97 deletions(-)
---
diff --git a/gedit/gedit-documents-panel.c b/gedit/gedit-documents-panel.c
index 5f394ba..e3db45a 100644
--- a/gedit/gedit-documents-panel.c
+++ b/gedit/gedit-documents-panel.c
@@ -299,48 +299,13 @@ row_select (GeditDocumentsPanel *panel,
 }
 
 static void
-row_state_changed (GtkWidget           *row,
-                   GtkStateFlags        previous_flags,
-                   GeditDocumentsPanel *panel)
-{
-       GtkStateFlags flags;
-
-       flags = gtk_widget_get_state_flags (row);
-
-       if (flags & GTK_STATE_FLAG_PRELIGHT)
-       {
-               gtk_style_context_add_class (gtk_widget_get_style_context (row), "prelight-row");
-       }
-       else
-       {
-               gtk_style_context_remove_class (gtk_widget_get_style_context (row), "prelight-row");
-       }
-
-       if (GEDIT_IS_DOCUMENTS_GROUP_ROW (row))
-       {
-               GTK_WIDGET_CLASS (gedit_documents_group_row_parent_class)->state_flags_changed (row, 
previous_flags);
-       }
-       else
-       {
-               GTK_WIDGET_CLASS (gedit_documents_document_row_parent_class)->state_flags_changed (row, 
previous_flags);
-       }
-}
-
-static void
 insert_row (GeditDocumentsPanel *panel,
             GtkListBox          *listbox,
             GtkWidget           *row,
             gint                 position)
 {
        g_signal_handler_block (listbox, panel->selection_changed_handler_id);
-
        gtk_list_box_insert (listbox, row, position);
-
-       g_signal_connect (row,
-                         "state-flags-changed",
-                         G_CALLBACK (row_state_changed),
-                         panel);
-
        g_signal_handler_unblock (listbox, panel->selection_changed_handler_id);
 }
 
diff --git a/gedit/resources/css/gedit.adwaita.css b/gedit/resources/css/gedit.adwaita.css
index fb7939d..3f9f676 100644
--- a/gedit/resources/css/gedit.adwaita.css
+++ b/gedit/resources/css/gedit.adwaita.css
@@ -21,80 +21,40 @@
     background-color: @sidebar_bg;
 }
 
-.gedit-document-panel-group-row,
-.gedit-document-panel-group-row:hover {
-    border-top: 1px solid shade(@sidebar_bg, 0.90);
-    background-color: @sidebar_bg;
-}
-
-.gedit-document-panel-document-row:hover {
-    background-color: shade(@sidebar_bg, 0.95);
+.gedit-document-panel:backdrop {
+    color: #b0b2b2;
 }
 
-.gedit-document-panel-document-row:selected,
-.gedit-document-panel-document-row:selected:hover {
-    background-color: @theme_selected_bg_color;
+.gedit-document-panel row:selected:backdrop {
+    background-color: #8b8e8f;
 }
 
-/* sidepane close button styling (copied from the gtk tab close button) */
-.gedit-document-panel .list-row .button {
-    color: transparent;
-    border-image: none;
-    background-image: none;
-    background-color: transparent;
-    border-radius: 3px;
-    border-style: solid;
-    border-color: transparent;
-    border-width: 1px;
-    padding: 1px;
-    -gtk-icon-shadow: none;
-}
-
-.gedit-document-panel .prelight-row .button  {
-    color: mix(@theme_fg_color, @sidebar_bg, 0.6);
-    border-color: alpha(black, 0.1);
-    transition: all 200ms ease-in;
-}
-
-.gedit-document-panel .list-row .button:hover,
-.gedit-document-panel .prelight-row .button:hover {
-    color: @theme_fg_color;
-    border-color: alpha(black, 0.1);
-    transition: all 200ms ease-in;
-}
-
-.gedit-document-panel .prelight-row .button:active {
-    color:  @button_active_text;
-    background-color: alpha(black, 0.08);
-    box-shadow: inset 0 1px alpha(black, 0.05);
-    -gtk-icon-shadow: 0 1px @button_active_text_shadow;
-
-    border-color: alpha(black, 0.27)
-                  alpha(black, 0.13)
-                  alpha(black, 0.13)
-                  alpha(black, 0.13);
+.gedit-document-panel-group-row,
+.gedit-document-panel-group-row:hover {
+    border-top: 1px solid alpha(currentColor, 0.3);
 }
 
-.gedit-document-panel .prelight-row .button:backdrop {
-    color: mix(@theme_unfocused_fg_color, @theme_unfocused_base_color, 0.7);
-    -gtk-icon-shadow: none;
+.gedit-document-panel-group-row:first-child,
+.gedit-document-panel-group-row:first-child:hover {
+    border-top: 0px;
 }
 
-.gedit-document-panel .prelight-row .button:backdrop:hover {
-    color: @theme_unfocused_fg_color;
-    transition: all 200ms ease-out;
+/* Try to look as the notebook tab close button */
+.gedit-document-panel row button.flat {
+    padding: 0;
+    margin-top: 8px;
+    margin-bottom: 8px;
+    min-width: 18px;
+    min-height: 18px;
+    color: alpha(currentColor,0.3);
 }
 
-.gedit-document-panel-dragged-row {
-    border: 1px solid @borders;
-    background-color: shade(@sidebar_bg, 0.90);
-    color: @theme_fg_color;
+.gedit-document-panel row:hover button.flat {
+    color: alpha(currentColor,0.5);
 }
 
-.gedit-document-panel-placeholder-row {
-    border: none;
-    background-color: mix(@sidebar_bg, @theme_selected_bg_color, 0.20);
-    transition: all 200ms ease-in;
+.gedit-document-panel row button.flat:hover {
+    color: currentColor;
 }
 
 GeditStatusbar {