X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/b8c235267a6345ebe3891f49c16ad3fc5f1d3f25..a37fe43b4e66df55d0491ae6defae31a07a645be:/src/wolnelektury/static/2022/more.scss?ds=sidebyside diff --git a/src/wolnelektury/static/2022/more.scss b/src/wolnelektury/static/2022/more.scss index 2b3899520..dadf44990 100644 --- a/src/wolnelektury/static/2022/more.scss +++ b/src/wolnelektury/static/2022/more.scss @@ -1,4 +1,4 @@ -.is-open { +body.is-open { height: 100%; overflow-y: hidden; } @@ -16,6 +16,10 @@ //opacity: .5; } +.l-navigation__logo { + height: 44px; +} + .l-navigation__menu { overflow-y: scroll; } @@ -34,6 +38,9 @@ } } .l-navigation__actions { + position: relative; + height: 44px; + .user { margin-right: 25px; } @@ -140,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; + } + } + } + } +}