[gtk/wip/jimmac/dropdown-styling: 26/26] Adwaita: dropdown styling



commit 490114804529257243494e37eb348cd7e1a2f1d4
Author: Jakub Steiner <jimmac gmail com>
Date:   Mon Jun 15 15:18:04 2020 +0200

    Adwaita: dropdown styling
    
    - selected item color
    - offset dropdown form the parent control
    - special styling for the top search entry
    
    Fixes (eventually) https://gitlab.gnome.org/GNOME/gtk/-/issues/2846

 gtk/theme/Adwaita/_common.scss | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 35e9010b6c..cbc23b5b36 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1152,6 +1152,8 @@ spinbutton {
 /**************
  * ComboBoxes *
  **************/
+dropdown > popover.menu.background > contents { padding: 0; } //allow search entries with no margin
+
 dropdown,
 combobox {
   arrow {
@@ -1178,12 +1180,36 @@ combobox {
 
     button.combo { @extend %button_basic_drop_active; }
   }
-}
 
-dropdown > popover listview > row {
-  padding: 6px;
+  // newstyle
+  popover {
+   margin-top: 6px;
+   padding: 0;
+
+   listview {
+
+      margin: 8px 0;
+
+      &>row {
+         padding: 8px;
+
+         &:selected {
+           outline-color: $alt_focus_border_color;
+           color: $text-color;
+           background-color: $menu_selected_color;
+         }
+      }
+   }
+
+    .search { //drodowns with searchboxes on top
+      border-radius: $popover_radius $popover_radius 0 0;
+      padding: 3px 10px;
+      margin-top: -2px; //paint over the menu borders
+    }
+  }
 }
 
+
 // the combo is a composite widget so the way we do button linking doesn't
 // work, special case needed. See
 // https://bugzilla.gnome.org/show_bug.cgi?id=733979


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]