[gnome-shell-sass] theme: Hide panel underline under the do not disturb icon

[Florian Müllner <fmuellner src gnome org>]

commit 0d25f874758d308a152f281abbe30a6833f4c62a
Author: Jonas Dreßler <verdre v0yd nl>
Date:   Thu Feb 20 20:10:54 2020 +0100

    theme: Hide panel underline under the do not disturb icon
    
    Hide the focused/active indicator of the panel underneath the
    do-not-disturb icon.
    
    https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/1037

 widgets/_calendar.scss |  9 ++++++++-
 widgets/_panel.scss    | 23 ++++++++++++++++++++---
 2 files changed, 28 insertions(+), 4 deletions(-)
---
diff --git a/widgets/_calendar.scss b/widgets/_calendar.scss
index 207a302..8074b21 100644
--- a/widgets/_calendar.scss
+++ b/widgets/_calendar.scss
@@ -1,6 +1,13 @@
 /* Date/Time Menu */
 
-.clock-display-box { spacing: $base_spacing; }
+.clock-display-box {
+  spacing: $base_spacing / 2;
+
+  .clock {
+    padding-left: $base_padding;
+    padding-right: $base_padding;
+  }
+}
 
 // overall menu
 #calendarArea {
diff --git a/widgets/_panel.scss b/widgets/_panel.scss
index 222d686..56c445a 100644
--- a/widgets/_panel.scss
+++ b/widgets/_panel.scss
@@ -54,9 +54,6 @@ $panel_height: 1.86em;
     }
 
     &:active, &:overview, &:focus, &:checked {
-      // Trick due to St limitations. It needs a background to draw a box-shadow
-      background-color: rgba(0, 0, 0, 0.01);
-      box-shadow: inset 0 -2px 0 0 lighten($selected_bg_color,5%);
       color: lighten($panel_fg_color, 20%);
     }
 
@@ -82,6 +79,26 @@ $panel_height: 1.86em;
     }
   }
 
+  .panel-button {
+    &:active, &:overview, &:focus, &:checked {
+      // Trick due to St limitations. It needs a background to draw a box-shadow
+      background-color: rgba(0, 0, 0, 0.01);
+      box-shadow: inset 0 -2px 0 0 lighten($selected_bg_color,5%);
+    }
+  }
+
+  .panel-button.clock-display {
+    // Move highlight from .panel-button to .clock
+    &:active, &:overview, &:focus, &:checked {
+      box-shadow: none;
+
+      .clock {
+        background-color: rgba(0, 0, 0, 0.01);
+        box-shadow: inset 0 -2px 0 0 lighten($selected_bg_color,5%);
+      }
+    }
+  }
+
   .panel-status-indicators-box,
   .panel-status-menu-box {
     spacing: 2px;