Add feed js toggle fixed

Simounet · Oct 24, 2020 · 4556598 · 4556598
1 parent 46802d6
commit 4556598
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/css/style.css b/css/style.css
diff --git a/css/style.css.map b/css/style.css.map
diff --git a/js/script.js b/js/script.js
@@ -32,6 +32,10 @@ $(function () {
         const targetElement = $(button.data('target'));
         const bodyOverflowNeeded = button.data('toggle-overflow') || false;
         const isExpanded = targetElement.data('is-opened');
+        const alreadyOpened = $('[data-is-opened="true"]');
+        alreadyOpened
+            .attr('data-is-opened', false)
+            .data('is-opened', false);
 
         if (isExpanded) {
             if (bodyOverflowNeeded !== false) {

diff --git a/sass/style.scss b/sass/style.scss
@@ -318,10 +318,12 @@ $feeds-list-toggle-transition: transform 0.3s;
 .feeds-list,
 .feed-add {
     @media($breakpoint-max) {
+        position: fixed;
         background-color: $sidebar-color-bg;
         transition: all 130ms ease-in;;
         will-change: transform;
         overflow: auto;
+        z-index: 1000;
     }
 }
 
@@ -330,10 +332,8 @@ $feeds-list-toggle-transition: transform 0.3s;
     padding: 0;
 
     @media($breakpoint-max) {
-        position: fixed;
         width: 100%;
         max-height: calc(100vh - #{$settings-height});
-        z-index: 1000;
     }
 
     &[data-is-opened="false"] {