Add app-menu

2020-12-09 21:45:38 +01:00
parent 200f3e95eb
commit 44f476d5fd
11 changed files with 144 additions and 9 deletions
--- a/projects/common/src/fm/components/app-menu/app-menu.component.scss
+++ b/projects/common/src/fm/components/app-menu/app-menu.component.scss
@@ -0,0 +1,48 @@
+.menu-button {
+    background-color: gray;  
+    display: inline-block;
+    width: 2.5em;
+    height: 2.5em;
+    line-height: 2.5em;
+    text-align: center;
+    font-size: 1rem;
+    position: relative;
+}
+
+div.menu-button > span {
+    color:white;
+}
+
+.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;
+    background-color: #fff;
+    border-radius: 0.25rem;
+    padding: 0.5rem;
+}
+
+.card {      
+    padding:0.5rem;
+    min-width: 10rem;          
+}
+
+.card-body {
+    text-align: left;
+}
+
+.hidden {
+    max-height: 0;   
+}
+
+.menu.hidden {
+    padding: 0;
+}
+
+.menu-button.hidden {
+    overflow: hidden;
+}