Avoid scroll problems when menu becomes fixed. Fix z-index problems w…

…ith loaders and fixed menus
domapic · Feb 23, 2019 · 51c5372 · 51c5372
1 parent a095d46
commit 51c5372
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/src/components/container-content/ContentContainer.js b/src/components/container-content/ContentContainer.js
@@ -146,6 +146,11 @@ export class ContentContainer extends Component {
                 {search}
                 {hasMenu ? <Menu.Menu position="right">{menu}</Menu.Menu> : null}
               </Menu>
+              {this.state.fixedMenu ? (
+                <Menu className="content-container__menu--top">
+                  <Menu.Item />
+                </Menu>
+              ) : null}
             </Visibility>
           ) : null}
         </Responsive>

diff --git a/src/components/container-content/contentContainer.css b/src/components/container-content/contentContainer.css
@@ -25,3 +25,7 @@
 .content-container__header {
   min-height: 30px;
 }
+
+.ui.top.fixed.content-container__menu--top.menu, .ui.bottom.fixed.content-container__menu--bottom--search.menu {
+  z-index:1100;
+}
diff --git a/src/components/layout-sidebar/sideBarLayout.css b/src/components/layout-sidebar/sideBarLayout.css
@@ -10,3 +10,9 @@
   max-height: 100vh;
   height: 100%;
 }
+
+.ui.top.fixed.sidebar-layout__header-menu.menu,.ui.bottom.fixed.menu {
+  z-index:1200;
+}
+
+