[gtk/wip/jimmac/dropdown-styling: 26/26] Adwaita: dropdown styling
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk/wip/jimmac/dropdown-styling: 26/26] Adwaita: dropdown styling
- Date: Tue, 16 Jun 2020 19:11:30 +0000 (UTC)
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]