Fix side panel for rtl languages
This commit is contained in:
		
							parent
							
								
									3a8c46bbed
								
							
						
					
					
						commit
						0874386001
					
				| @ -5,8 +5,7 @@ | ||||
|   height: calc(100vh - 65px); | ||||
|   position: absolute; | ||||
|   top: 65px; | ||||
|   left: -250px; | ||||
|   transition: left 0.25s; | ||||
|   transition: 0.25s; | ||||
|   box-shadow: 5px 0px 30px 0px #000; | ||||
|   padding-bottom: 20px; | ||||
|   @media (max-width: 613px) { | ||||
| @ -14,6 +13,14 @@ | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| :host-context(.ltr-layout) .sidenav { | ||||
|   left: -250px; | ||||
| } | ||||
| 
 | ||||
| :host-context(.rtl-layout) .sidenav { | ||||
|   right: -250px; | ||||
| } | ||||
| 
 | ||||
| .ellipsis { | ||||
|   display: block; | ||||
|   overflow: hidden; | ||||
| @ -26,11 +33,18 @@ | ||||
| } | ||||
| 
 | ||||
| .sidenav.open { | ||||
|   left: 0px; | ||||
|   display: block; | ||||
|   background-color: #1d1f31; | ||||
| } | ||||
| 
 | ||||
| :host-context(.ltr-layout) .sidenav.open { | ||||
|   left: 0; | ||||
| } | ||||
| 
 | ||||
| :host-context(.rtl-layout) .sidenav.open { | ||||
|   right: 0; | ||||
| } | ||||
| 
 | ||||
| .sidenav a, button{ | ||||
|   text-decoration: none; | ||||
|   color: lightgray; | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user