mirror of
				https://github.com/superseriousbusiness/gotosocial.git
				synced 2025-10-31 05:52:25 -05:00 
			
		
		
		
	[frontend] Make emojis v. slightly larger (#891)
* make emojis v. slightly larger 2.5ex -> 2.75 ex by default (they still fit fine), and make em scale a bit larger on hover as well * use em for emoji margin
This commit is contained in:
		
					parent
					
						
							
								51ff62d039
							
						
					
				
			
			
				commit
				
					
						41aad21c6e
					
				
			
		
					 2 changed files with 4 additions and 4 deletions
				
			
		|  | @ -355,9 +355,9 @@ footer { | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .emoji { | .emoji { | ||||||
| 	width: 2.5ex; | 	width: 1.45em; | ||||||
| 	height: 2.5ex; | 	height: 1.45em; | ||||||
| 	margin: -0.5ex 0 0; | 	margin: -0.2em 0.02em 0; | ||||||
| 	object-fit: contain; | 	object-fit: contain; | ||||||
| 	vertical-align: middle; | 	vertical-align: middle; | ||||||
| } | } | ||||||
|  |  | ||||||
|  | @ -183,7 +183,7 @@ main { | ||||||
| 		} | 		} | ||||||
| 
 | 
 | ||||||
| 		.emoji:hover, .emoji:active { | 		.emoji:hover, .emoji:active { | ||||||
| 			transform: scale(1.75); | 			transform: scale(2); | ||||||
| 			background-color: $bg; | 			background-color: $bg; | ||||||
| 			box-shadow: $boxshadow; | 			box-shadow: $boxshadow; | ||||||
| 			border: $boxshadow-border; | 			border: $boxshadow-border; | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue