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
					
				| 
						 | 
				
			
			@ -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 New Issue