X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/a98d18bc92d7d28d54c0cc1c1a636c9d79e6a648..6f12caf7d625f0bfffd2b138897fd8c711a6b2f5:/src/wolnelektury/static/2022/styles/layout/_navigation.scss?ds=sidebyside

diff --git a/src/wolnelektury/static/2022/styles/layout/_navigation.scss b/src/wolnelektury/static/2022/styles/layout/_navigation.scss
index 04e4dff1f..a139ae8cd 100644
--- a/src/wolnelektury/static/2022/styles/layout/_navigation.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_navigation.scss
@@ -55,8 +55,23 @@ body {
 .l-navigation__logo {
     display: flex;
     position: relative;
-    z-index: $master-layer + 1;
+    height: 44px;
+    width: 153px;
+    flex-shrink: 0;
+    overflow: hidden;
+    transition: .5s width;
 
+    @include rwd($break-menu) {
+        width: 230px;
+    }
+
+    &.search-active {
+        width: 30px;
+        @include rwd($break-menu) {
+            width: 230px;
+        }
+    }
+    
     img {
         width: 153px;
         @include rwd($break-menu) {
@@ -73,14 +88,24 @@ body {
   margin: 0;
   outline: 0;
   position: relative;
-  z-index: $master-layer + 1;
 }
 
+.is-open {
+    .l-navigation__logo {
+        z-index: $master-layer + 1;
+    }
+    .l-navigation__button {
+        z-index: $master-layer + 1;
+    }
+}
+
+
 .l-naviagion__search {
     width: 60%;
     max-width: 580px;
     margin-left: 20px;
     margin-right: 20px;
+    flex-grow: 1;
     
     @include rwd($break-menu) {
         margin-left: 60px;
@@ -407,7 +432,7 @@ body {
 
         &.korona {
             &:before {
-                content: url('images/korona.svg');
+                content: url('../images/korona.svg');
                 width: 21px;
                 margin-right: -21px;
                 position: relative;
@@ -458,11 +483,14 @@ body {
 
   p {
     margin: 0;
-    width: 427px;
     font-weight: $regular;
     @include font-size(15px);
     line-height: 130%;
     color: #808080;
+
+      @include rwd($break-menu) {
+          width: 427px;
+      }
   }
 }