[gnome-shell-sass] shellEntry: Hide caps lock warning and use animation to show it

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

commit 76ebe95cd8380ea4760ef1bca025916fdcb22b3d
Author: Jonas Dreßler <verdre v0yd nl>
Date:   Thu Jan 23 22:36:09 2020 +0100

    shellEntry: Hide caps lock warning and use animation to show it
    
    Since the caps-lock warning adds a lot of spacing to dialogs and the
    lock screen, hide it by default and only show it when necessary. To make
    the transition smooth instead of just showing the label, animate it in
    using the height and opacity.
    
    Also add some bottom padding to the label so we can show or hide that
    padding, too.
    
    https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/952

 widgets/_entries.scss |  6 ------
 widgets/_misc.scss    | 10 +++++++++-
 2 files changed, 9 insertions(+), 7 deletions(-)
---
diff --git a/widgets/_entries.scss b/widgets/_entries.scss
index 70875b0..0a43e86 100644
--- a/widgets/_entries.scss
+++ b/widgets/_entries.scss
@@ -25,9 +25,3 @@ StEntry {
     color: transparentize($fg_color, 0.3);
   }
 }
-
-.caps-lock-warning-label {
-  padding-left: 6.2em;
-  @include fontsize($base_font_size - 1);
-  color: $warning_color;
-}
diff --git a/widgets/_misc.scss b/widgets/_misc.scss
index 5d60dbd..f05436d 100644
--- a/widgets/_misc.scss
+++ b/widgets/_misc.scss
@@ -56,4 +56,12 @@
 
 
 // Hidden
-.hidden { color: rgba(0,0,0,0);}
\ No newline at end of file
+.hidden { color: rgba(0,0,0,0);}
+
+// Caps-lock warning
+.caps-lock-warning-label {
+  padding-bottom: 8px;
+  padding-left: 6.2em;
+  @include fontsize($base_font_size - 1);
+  color: $warning_color;
+}