Add shadow and transition

2020-06-24 15:49:57 +02:00
parent ace4a6b364
commit 277dc7051e
2 changed files with 18 additions and 8 deletions
--- a/projects/common/src/fm/components/user-menu/user-menu.component.scss
+++ b/projects/common/src/fm/components/user-menu/user-menu.component.scss
@@ -14,12 +14,20 @@ div.menu-button > span {
    color:white;
 }

-.card {
+.menu {
+    max-height: 100vh;
+    transition: max-height 0.2s;
+    overflow: hidden;
+    box-shadow: 0 0 20px rgba(0,0,0,.3);
    position: absolute;
    top: 3rem;
    right:0;
+}
+
+.card {      
    padding:0.5rem;
-    min-width: 10rem;
+    min-width: 10rem;      
+    overflow: hidden;
 }

 .username {
@@ -34,5 +42,5 @@ div.menu-button > span {
 }

 .hidden {
-    display: none;
+    max-height: 0;   
 }