[libadwaita/wip/exalm/emoji-chooser: 3/3] stylesheet: Update emoji chooser grid

[Alexander Mikhaylenko <alexm src gnome org>]

commit f18c449a694185b9dfe625b4f8582f7034ca2f78
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Tue Dec 21 16:35:52 2021 +0500

    stylesheet: Update emoji chooser grid
    
    Don't use view colors. It was less noticeable before as the colors were
    pretty similar, but is pretty jarring in dark variant now.
    
    Make borders undershoot-only.

 src/stylesheet/widgets/_emoji-chooser.scss | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)
---
diff --git a/src/stylesheet/widgets/_emoji-chooser.scss b/src/stylesheet/widgets/_emoji-chooser.scss
index 557efe3e..9c7f161b 100644
--- a/src/stylesheet/widgets/_emoji-chooser.scss
+++ b/src/stylesheet/widgets/_emoji-chooser.scss
@@ -4,14 +4,12 @@ popover.emoji-picker > contents {
 
 .emoji-searchbar {
   padding: 6px;
-  border-bottom: 1px solid $border_color;
 }
 
 .emoji-toolbar {
   // flowbox children already have 3px padding, so we only need 3px more to
   // get the regular 6px. We also don't need spacing, for the same reason.
   padding: 3px;
-  border-top: 1px solid $border_color;
 }
 
 button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) {
@@ -37,6 +35,19 @@ popover.emoji-picker emoji {
   }
 }
 
+popover.emoji-picker scrolledwindow.view {
+  background: none;
+  color: inherit;
+
+  > undershoot.top {
+    box-shadow: inset 0 1px $border_color;
+  }
+
+  > undershoot.bottom {
+    box-shadow: inset 0 -1px $border_color;
+  }
+}
+
 // Emoji completion popover
 
 popover.emoji-completion > contents {