mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-11-04 10:44:12 +01:00 
			
		
		
		
	Simplify emoji rendering (#34048)
It seems like most of our custom styles around the .emoji class are useless and we can just make them render like any other text. Rendering should now match GitHub. Fixes: https://github.com/go-gitea/gitea/issues/34019 Also see https://github.com/go-gitea/gitea/pull/11541 and https://github.com/go-gitea/gitea/pull/12317 for some context. I think browser emoji rendering has improved in recent years so these hacks are no longer needed. --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
		
							parent
							
								
									b542769102
								
							
						
					
					
						commit
						58d0a3f4c2
					
				@ -989,14 +989,7 @@ table th[data-sortt-desc] .svg {
 | 
			
		||||
  box-shadow: 0 0 0 1px var(--color-secondary) inset;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.emoji {
 | 
			
		||||
  font-size: 1.25em;
 | 
			
		||||
  line-height: var(--line-height-default);
 | 
			
		||||
  font-style: normal !important;
 | 
			
		||||
  font-weight: var(--font-weight-normal) !important;
 | 
			
		||||
  vertical-align: -0.075em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* for "image" emojis like ":git:"  ":gitea:" and ":github:" (see CUSTOM_EMOJIS config option) */
 | 
			
		||||
.emoji img {
 | 
			
		||||
  border-width: 0 !important;
 | 
			
		||||
  margin: 0 !important;
 | 
			
		||||
 | 
			
		||||
@ -336,11 +336,6 @@
 | 
			
		||||
  padding-right: 28px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.markup .emoji {
 | 
			
		||||
  max-width: none;
 | 
			
		||||
  vertical-align: text-top;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.markup span.frame {
 | 
			
		||||
  display: block;
 | 
			
		||||
  overflow: hidden;
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user