Reduce emoji size (#12317)
* Reduce emoji size Rendering should now pretty much match GitHub with 1.25em. I verified that emojis don't increase the line height and removed unecessary size overrides because now all emojis should appear similar in relation to the font size. * fix reaction hover
This commit is contained in:
		
							parent
							
								
									a3afb88f1b
								
							
						
					
					
						commit
						8baf5ca228
					
				
					 2 changed files with 5 additions and 20 deletions
				
			
		|  | @ -1224,35 +1224,20 @@ table th[data-sortt-desc] { | |||
| 
 | ||||
| .emoji, | ||||
| .reaction { | ||||
|     font-size: 1.5em; | ||||
|     line-height: 1.2; | ||||
|     font-size: 1.25em; | ||||
|     line-height: 1; | ||||
|     font-style: normal !important; | ||||
|     font-weight: normal !important; | ||||
|     vertical-align: middle; | ||||
|     vertical-align: -.075em; | ||||
| } | ||||
| 
 | ||||
| #issue-title > .emoji { | ||||
|     font-size: 1em; | ||||
| } | ||||
| 
 | ||||
| .commit-summary > .emoji { | ||||
|     font-size: 1em; | ||||
| } | ||||
| 
 | ||||
| .label > .emoji { | ||||
|     font-size: 1em; | ||||
| } | ||||
| 
 | ||||
| .dropdown .emoji { | ||||
|     font-size: 1em; | ||||
| } | ||||
| .emoji img, | ||||
| .reaction img { | ||||
|     border-width: 0 !important; | ||||
|     margin: 0 !important; | ||||
|     width: 1em !important; | ||||
|     height: 1em !important; | ||||
|     vertical-align: middle !important; | ||||
|     vertical-align: -.15em; | ||||
| } | ||||
| 
 | ||||
| /* https://github.com/go-gitea/gitea/pull/11486 */ | ||||
|  |  | |||
|  | @ -2387,7 +2387,7 @@ | |||
|         .select-reaction { | ||||
|             display: flex; | ||||
|             align-items: center; | ||||
|             padding: .5rem; | ||||
|             padding: 0 .5rem; | ||||
| 
 | ||||
|             &:not(.active) a { | ||||
|                 display: none; | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue