[epiphany/wip/exalm/elementary5: 4/5] theme: Fix completion popup in elementary

[Alexander Mikhaylenko <alexm src gnome org>]

commit 288ac8f6ddc3433b7cefd22c9b91eae9832de8d1
Author: Alexander Mikhaylenko <exalm7659 gmail com>
Date:   Mon Sep 23 23:08:16 2019 +0500

    theme: Fix completion popup in elementary
    
    Add proper background and shadow, fix selected row text color.
    
    Fixes https://gitlab.gnome.org/GNOME/epiphany/issues/935

 src/resources/themes/elementary.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
---
diff --git a/src/resources/themes/elementary.scss b/src/resources/themes/elementary.scss
index 17d1c7f6b..1704824fa 100644
--- a/src/resources/themes/elementary.scss
+++ b/src/resources/themes/elementary.scss
@@ -44,3 +44,20 @@ $variant: 'light';
     min-width: 18px;
   }
 }
+
+// FIXME: this should be in libdazzle
+dzlsuggestionpopover > revealer > box {
+  // Fix background and shadow
+  margin: 12px;
+  border: none;
+  background: themecolor(theme_base_color);
+  border-radius: 3px;
+  box-shadow: 0 0 0 1px gtkalpha(#000, 0.2),
+              0 3px 6px gtkalpha(#000, 0.16),
+              0 3px 6px gtkalpha(#000, 0.23);
+
+  // Fix selected row color
+  > elastic > scrolledwindow > viewport > list > row:selected .title {
+    color: themecolor(theme_fg_color);
+  }
+}