[gtk/wip/jimmac/dropdown-styling] Adwaita: dropdown styling
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk/wip/jimmac/dropdown-styling] Adwaita: dropdown styling
- Date: Mon, 15 Jun 2020 19:33:32 +0000 (UTC)
commit a4e9f39b98cf964daa958ca19ab46d72212d2f45
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 dca44ed351..ae749416e0 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1145,6 +1145,8 @@ spinbutton {
/**************
* ComboBoxes *
**************/
+dropdown > popover.menu.background > contents { padding: 0; } //allow search entries with no margin
+
dropdown,
combobox {
arrow {
@@ -1171,12 +1173,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]