[Client] Sticky icons
This commit is contained in:
		
							parent
							
								
									e52cb4d71b
								
							
						
					
					
						commit
						70847209c4
					
				
					 5 changed files with 8 additions and 5 deletions
				
			
		|  | @ -4,6 +4,7 @@ | |||
| 	<style type="stylus"> | ||||
| 		:scope | ||||
| 			display block | ||||
| 			overflow hidden | ||||
| 			background #fff | ||||
| 
 | ||||
| 			> .banner | ||||
|  |  | |||
|  | @ -29,7 +29,7 @@ | |||
| 						//border solid 1px #eaeaea | ||||
| 						border solid 1px rgba(0, 0, 0, 0.075) | ||||
| 						border-radius 6px | ||||
| 						overflow hidden | ||||
| 						//box-shadow 0px 2px 16px rgba(0, 0, 0, 0.2) | ||||
| 
 | ||||
| 						&:not(:last-child) | ||||
| 							margin-bottom 16px | ||||
|  |  | |||
|  | @ -137,7 +137,9 @@ | |||
| 				> .avatar-anchor | ||||
| 					display block | ||||
| 					float left | ||||
| 					margin 0 16px 0 0 | ||||
| 					margin 0 16px 10px 0 | ||||
| 					position sticky | ||||
| 					top 74px | ||||
| 
 | ||||
| 					> .avatar | ||||
| 						display block | ||||
|  |  | |||
|  | @ -111,7 +111,9 @@ | |||
| 				> .avatar-anchor | ||||
| 					display block | ||||
| 					float left | ||||
| 					margin 0 10px 0 0 | ||||
| 					margin 0 10px 8px 0 | ||||
| 					position sticky | ||||
| 					top 66px | ||||
| 
 | ||||
| 					@media (min-width 500px) | ||||
| 						margin-right 16px | ||||
|  |  | |||
|  | @ -13,8 +13,6 @@ | |||
| 		:scope | ||||
| 			display block | ||||
| 			background #fff | ||||
| 			background-clip content-box | ||||
| 			overflow hidden | ||||
| 
 | ||||
| 			> .init | ||||
| 				padding 64px 0 | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue