forked from MapComplete/MapComplete
		
	Finish import_viewer gui
This commit is contained in:
		
							parent
							
								
									cd09efca94
								
							
						
					
					
						commit
						33ef83c4a9
					
				
					 14 changed files with 198 additions and 103 deletions
				
			
		
							
								
								
									
										25
									
								
								UI/Base/LeftIndex.ts
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										25
									
								
								UI/Base/LeftIndex.ts
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1,25 @@ | |||
| import BaseUIElement from "../BaseUIElement"; | ||||
| import Combine from "./Combine"; | ||||
| import BackToIndex from "../BigComponents/BackToIndex"; | ||||
| 
 | ||||
| export default class LeftIndex extends Combine{ | ||||
|      | ||||
|      | ||||
|     constructor(leftContents: BaseUIElement[], mainContent: BaseUIElement, options?:{ | ||||
|         hideBackButton : false | boolean | ||||
|     } ) { | ||||
|          | ||||
|         let back : BaseUIElement = undefined; | ||||
|         if(options?.hideBackButton ?? true){ | ||||
|             back = new BackToIndex() | ||||
|         } | ||||
|         super([ | ||||
|             new Combine([ | ||||
|                 new Combine([back, ...leftContents]).SetClass("sticky top-4"), | ||||
|             ]).SetClass("ml-4 block w-full md:w-2/6 lg:w-1/6"), | ||||
|             mainContent.SetClass("m-8 w-full mb-24") | ||||
|         ]) | ||||
|         this.SetClass("h-full block md:flex") | ||||
|     } | ||||
|      | ||||
| } | ||||
|  | @ -53,7 +53,7 @@ export default class Toggleable extends Combine { | |||
| 
 | ||||
|         this.isVisible.addCallbackAndRun(isVisible => { | ||||
|             if (isVisible) { | ||||
|                 contentElement.style.maxHeight = "8gs0vh" | ||||
|                 contentElement.style.maxHeight = "50vh" | ||||
|                 contentElement.style.overflowY = "auto" | ||||
|                 contentElement.style["-webkit-mask-image"] = "unset" | ||||
|             } else { | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue