X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/fd1a9915dd65789cccf27041a1f01cd4077273fc..a37fe43b4e66df55d0491ae6defae31a07a645be:/src/wolnelektury/static/2022/more.scss

diff --git a/src/wolnelektury/static/2022/more.scss b/src/wolnelektury/static/2022/more.scss
index 8e50810cc..dadf44990 100644
--- a/src/wolnelektury/static/2022/more.scss
+++ b/src/wolnelektury/static/2022/more.scss
@@ -1,3 +1,52 @@
+body.is-open {
+    height: 100%;
+    overflow-y: hidden;
+}
+
+.l-change-pop {
+    margin-top: 18px;
+}
+.is-open .l-change-pop {
+    height: auto;
+    margin-top: 18px;
+    padding: 10px 50px;
+}
+
+.l-navigation {
+    //opacity: .5;
+}
+
+.l-navigation__logo {
+    height: 44px;
+}
+
+.l-navigation__menu {
+    overflow-y: scroll;
+}
+.l-navigation__menu__book__info {
+    img {
+        width: 42px;
+        height: 60px;
+    }
+}
+.l-navigation__login {
+    color: #74BDC2;
+    margin-right: 20px;
+    
+    a {
+        color: white;
+    }
+}
+.l-navigation__actions {
+    position: relative;
+    height: 44px;
+
+    .user {
+        margin-right: 25px;
+    }
+}
+
+
 .l-books {
     margin-right: -17px;
 }
@@ -98,3 +147,57 @@
         }
     }
 }
+
+
+
+#user-menu {
+    //display: none;
+
+    position:absolute;
+    top: 60px;
+    z-index: 1;
+
+    position: absolute;
+    width: 186px;
+    top: 48px;
+    right: 45px;
+
+    /* yellow 900 */
+    background: #F7BA00;
+    box-shadow: 0px 0px 20px rgba(1, 129, 137, 0.2);
+    border-radius: 10px;
+    overflow: hidden;
+
+    opacity:0;
+    pointer-events: none;
+    transition: 200ms opacity;
+    
+    &.is-open {
+        //display: block;
+        pointer-events: all;
+        opacity: 100%;
+    }
+
+    ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+
+        li {
+            a {
+                color: #474747;
+                display: block;
+                line-height: 27px;
+                padding: 8px 21px;
+                &:hover {
+                    color: #474747;
+                    background: #EDAA00;
+                }
+
+                strong {
+                    font-weight: 600;
+                }
+            }
+        }
+    }
+}