Adapted language dropdown to smaller devices
This commit is contained in:
		
							parent
							
								
									7759dde4b6
								
							
						
					
					
						commit
						a70bf19002
					
				@ -326,12 +326,15 @@ header {
 | 
				
			|||||||
#theme-dropdown {
 | 
					#theme-dropdown {
 | 
				
			||||||
    width: 250px;
 | 
					    width: 250px;
 | 
				
			||||||
    flex-direction: row;
 | 
					    flex-direction: row;
 | 
				
			||||||
    transform: translateX(-50%);
 | 
					    transform: translateX(-75%);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
#drop-lang {
 | 
					#drop-lang {
 | 
				
			||||||
    flex-direction: column;
 | 
					    flex-direction: column;
 | 
				
			||||||
    transform: translateX(-40%);
 | 
					    transform: translateX(-40%);
 | 
				
			||||||
 | 
					    li {
 | 
				
			||||||
 | 
					        padding: 5px;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.dropdown-item {
 | 
					.dropdown-item {
 | 
				
			||||||
@ -361,6 +364,10 @@ header {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    transition: height 500ms ease-in-out, opacity 500ms ease-in-out, top 500ms ease-in-out;
 | 
					    transition: height 500ms ease-in-out, opacity 500ms ease-in-out, top 500ms ease-in-out;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    li {
 | 
				
			||||||
 | 
					        padding: 5px 0;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    h2 {
 | 
					    h2 {
 | 
				
			||||||
        font-size: 1.2em;
 | 
					        font-size: 1.2em;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
@ -409,7 +416,7 @@ h1, h2, h3, h4, h5, h6 {
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
h2 {
 | 
					h2 {
 | 
				
			||||||
    font-size: 3em;
 | 
					    font-size: 2.5em;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
h3 {
 | 
					h3 {
 | 
				
			||||||
@ -420,6 +427,10 @@ h4 {
 | 
				
			|||||||
    font-size: 1.5em;
 | 
					    font-size: 1.5em;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					h5 {
 | 
				
			||||||
 | 
					    font-size: 1.25em;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.tooltip {
 | 
					.tooltip {
 | 
				
			||||||
    position: relative;
 | 
					    position: relative;
 | 
				
			||||||
    display: inline-block;
 | 
					    display: inline-block;
 | 
				
			||||||
@ -459,6 +470,8 @@ h4 {
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
blockquote {
 | 
					blockquote {
 | 
				
			||||||
 | 
					    padding: 0;
 | 
				
			||||||
 | 
					    margin: 20px;
 | 
				
			||||||
    font-style: italic;
 | 
					    font-style: italic;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -481,3 +494,11 @@ img {
 | 
				
			|||||||
    max-height: 600px;
 | 
					    max-height: 600px;
 | 
				
			||||||
    max-width: 100%;
 | 
					    max-width: 100%;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.figure {
 | 
				
			||||||
 | 
					    padding: 0;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					ul {
 | 
				
			||||||
 | 
					    padding-inline-start: 20px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user