Map: Reduce info pane width and don't prevent map interaction when open (#36)
This commit is contained in:
		
							parent
							
								
									58ff3476bb
								
							
						
					
					
						commit
						e063875712
					
				| @ -60,6 +60,15 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/. | ||||
|     .page[data-name="add"] .fab { | ||||
|         margin-bottom: 0; | ||||
|     } | ||||
| 
 | ||||
|     .sheet-backdrop.backdrop-in { | ||||
|         visibility: hidden; | ||||
|     } | ||||
| 
 | ||||
|     #package-info-sheet { | ||||
|         left: 25%; | ||||
|         width: 50%; | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| @media all and (min-width: 768px) and (min-height: 700px) { | ||||
| @ -67,3 +76,10 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/. | ||||
|         margin-top: 1rem; | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| @media all and (min-width: 1024px) { | ||||
|     #package-info-sheet { | ||||
|         left: 33%; | ||||
|         width: 33%; | ||||
|     } | ||||
| } | ||||
| @ -39,7 +39,7 @@ | ||||
|                 <a class="link sheet-close" href="#">Done</a> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="sheet-modal-inner" id="package-info-sheet-inner" style="overflow-y: scroll;"> | ||||
|         <div class="sheet-modal-inner" id="package-info-sheet-inner" style="overflow-y: auto;"> | ||||
|             <div class="list no-hairlines no-margin-top"> | ||||
|                 <ul> | ||||
|                     <!-- packages go here --> | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user