mirror of
				https://github.com/superseriousbusiness/gotosocial.git
				synced 2025-10-30 20:22:25 -05:00 
			
		
		
		
	[feature] Enlarge active/hovered custom emojis in statuses (#877)
* enlarge active/hovered custom emojis in statuses * use transform, make emojis pop a lil more * tweak emoji hover timing, styling Co-authored-by: f0x <f0x@cthu.lu>
This commit is contained in:
		
					parent
					
						
							
								deba75cad1
							
						
					
				
			
			
				commit
				
					
						f7af7c061c
					
				
			
		
					 1 changed files with 12 additions and 1 deletions
				
			
		|  | @ -127,7 +127,6 @@ main { | ||||||
| 		margin: 0; | 		margin: 0; | ||||||
| 		grid-column: 2 / span 2; | 		grid-column: 2 / span 2; | ||||||
| 		grid-row: span 1; | 		grid-row: span 1; | ||||||
| 		overflow: hidden; |  | ||||||
| 
 | 
 | ||||||
| 		position: relative; | 		position: relative; | ||||||
| 		z-index: 2; | 		z-index: 2; | ||||||
|  | @ -176,6 +175,18 @@ main { | ||||||
| 				} | 				} | ||||||
| 			} | 			} | ||||||
| 		} | 		} | ||||||
|  | 
 | ||||||
|  | 		.emoji { | ||||||
|  | 			transition: 0.1s; | ||||||
|  | 		} | ||||||
|  | 
 | ||||||
|  | 		.emoji:hover, .emoji:active { | ||||||
|  | 			transform: scale(1.75); | ||||||
|  | 			background-color: $bg; | ||||||
|  | 			box-shadow: $boxshadow; | ||||||
|  | 			border: $boxshadow-border; | ||||||
|  | 			border-radius: $br-inner; | ||||||
|  | 		} | ||||||
| 	} | 	} | ||||||
| 
 | 
 | ||||||
| 	.media { | 	.media { | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue