mirror of
				https://github.com/Alamantus/Lexiconga.git
				synced 2025-11-04 10:17:01 +01:00 
			
		
		
		
	Scroll Settings Save Buttons with the screen for larger screens.
Moved mobile CSS to bottom of file.
This commit is contained in:
		
							parent
							
								
									b0d45e226c
								
							
						
					
					
						commit
						39c095b023
					
				
					 1 changed files with 36 additions and 25 deletions
				
			
		| 
						 | 
					@ -46,29 +46,6 @@ td:last-child, th:last-child {
 | 
				
			||||||
    display: inline !important;
 | 
					    display: inline !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Smartphones (portrait and landscape) ----------- */
 | 
					 | 
				
			||||||
@media only screen 
 | 
					 | 
				
			||||||
and (min-device-width : 320px) 
 | 
					 | 
				
			||||||
and (max-device-width : 480px) {
 | 
					 | 
				
			||||||
    footer {
 | 
					 | 
				
			||||||
        position: relative;
 | 
					 | 
				
			||||||
        clear: both;
 | 
					 | 
				
			||||||
        max-height: 100%;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
    
 | 
					 | 
				
			||||||
    #dictionaryContainer {
 | 
					 | 
				
			||||||
        margin-bottom: 15px !important;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    #formLockButton {
 | 
					 | 
				
			||||||
        display: none;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    #showFullScreenTextbox {
 | 
					 | 
				
			||||||
        display: none;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
#leftColumn {
 | 
					#leftColumn {
 | 
				
			||||||
    float: left;
 | 
					    float: left;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -407,9 +384,12 @@ searchTerm {
 | 
				
			||||||
    clear: both;
 | 
					    clear: both;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
#settingsSaveButtons {
 | 
					#settingsSaveButtons {
 | 
				
			||||||
 | 
					    position: fixed;
 | 
				
			||||||
 | 
					    right: 10%;
 | 
				
			||||||
 | 
					    bottom: 8%;
 | 
				
			||||||
 | 
					    font-size: 14px;
 | 
				
			||||||
    display: block;
 | 
					    display: block;
 | 
				
			||||||
    clear: both;
 | 
					    width: 50%;
 | 
				
			||||||
    width: 100%;
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.settingsCol {
 | 
					.settingsCol {
 | 
				
			||||||
| 
						 | 
					@ -420,3 +400,34 @@ searchTerm {
 | 
				
			||||||
    max-width: 400px;
 | 
					    max-width: 400px;
 | 
				
			||||||
    margin: 0 30px 0 0;
 | 
					    margin: 0 30px 0 0;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Smartphones (portrait and landscape) ----------- */
 | 
				
			||||||
 | 
					@media only screen 
 | 
				
			||||||
 | 
					and (min-device-width : 320px) 
 | 
				
			||||||
 | 
					and (max-device-width : 480px) {
 | 
				
			||||||
 | 
					    footer {
 | 
				
			||||||
 | 
					        position: relative;
 | 
				
			||||||
 | 
					        clear: both;
 | 
				
			||||||
 | 
					        max-height: 100%;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					    
 | 
				
			||||||
 | 
					    #dictionaryContainer {
 | 
				
			||||||
 | 
					        margin-bottom: 15px !important;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    #formLockButton {
 | 
				
			||||||
 | 
					        display: none;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    #showFullScreenTextbox {
 | 
				
			||||||
 | 
					        display: none;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    #settingsSaveButtons {
 | 
				
			||||||
 | 
					        position: relative;
 | 
				
			||||||
 | 
					        right: 0;
 | 
				
			||||||
 | 
					        bottom: 0;
 | 
				
			||||||
 | 
					        clear: both;
 | 
				
			||||||
 | 
					        width: 100%;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		
		Reference in a new issue