Update: make sidebars sticky. (#6280)
This commit is contained in:
		
							parent
							
								
									39bd960e2a
								
							
						
					
					
						commit
						6245a4525b
					
				
					 1 changed files with 25 additions and 0 deletions
				
			
		| 
						 | 
				
			
			@ -67,3 +67,28 @@ code span.pre {
 | 
			
		|||
    color: var(--pst-color-primary);
 | 
			
		||||
    padding: 0.25rem 0rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/* make the sidebars sticky */
 | 
			
		||||
 | 
			
		||||
/* make the page footer position absolute to aviod pushing sidebars up when scrolling to the end of the page */
 | 
			
		||||
.bd-footer{
 | 
			
		||||
    position: absolute;
 | 
			
		||||
    bottom: 0;
 | 
			
		||||
    background-color: var(--pst-color-on-background);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* make its parent element position relative to ensure the "position:absolute" change valid */
 | 
			
		||||
body{
 | 
			
		||||
    position: relative;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* set the height of footer */
 | 
			
		||||
footer.bd-footer{
 | 
			
		||||
    height: 5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* the margin height is just the height of original footer, to avoid content overlapping */
 | 
			
		||||
.bd-footer-article {
 | 
			
		||||
    margin-bottom: 5rem;
 | 
			
		||||
}
 | 
			
		||||
		Loading…
	
		Reference in a new issue