fix z-index issues
This commit is contained in:
		
							parent
							
								
									cd5d4bed71
								
							
						
					
					
						commit
						ccdb1689ca
					
				
							
								
								
									
										14
									
								
								src/app.scss
								
								
								
								
							
							
						
						
									
										14
									
								
								src/app.scss
								
								
								
								
							| 
						 | 
					@ -59,6 +59,15 @@ html {
 | 
				
			||||||
  
 | 
					  
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@media screen and (min-width: 1024px) {
 | 
				
			||||||
 | 
					  .chat-menu-item .chat-icon {
 | 
				
			||||||
 | 
					    display: none;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  .modal-card {
 | 
				
			||||||
 | 
					    width: 960px;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@media only screen and (max-width: 900px) and (min-width: 769px) {
 | 
					@media only screen and (max-width: 900px) and (min-width: 769px) {
 | 
				
			||||||
  .chat-menu-item .chat-icon {
 | 
					  .chat-menu-item .chat-icon {
 | 
				
			||||||
    display: none;
 | 
					    display: none;
 | 
				
			||||||
| 
						 | 
					@ -69,6 +78,9 @@ html {
 | 
				
			||||||
  .navbar {
 | 
					  .navbar {
 | 
				
			||||||
    display: block !important;
 | 
					    display: block !important;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					  .main-menu {
 | 
				
			||||||
 | 
					    z-index: 50;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
  html {
 | 
					  html {
 | 
				
			||||||
    --BgColorSidebarLight: hsl(210, 12%, 97%);
 | 
					    --BgColorSidebarLight: hsl(210, 12%, 97%);
 | 
				
			||||||
    // --BgColorSidebarDark: rgb(22, 24, 30);
 | 
					    // --BgColorSidebarDark: rgb(22, 24, 30);
 | 
				
			||||||
| 
						 | 
					@ -327,7 +339,7 @@ $modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove t
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
aside.menu.main-menu {
 | 
					aside.menu.main-menu {
 | 
				
			||||||
  z-index:50;
 | 
					  // z-index:50;
 | 
				
			||||||
  position: fixed;
 | 
					  position: fixed;
 | 
				
			||||||
  width: var(--sidebarWidth);
 | 
					  width: var(--sidebarWidth);
 | 
				
			||||||
  padding-right: 20px;
 | 
					  padding-right: 20px;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue