fix scoped label ui when contains emoji (#33007)

metiftikci · web-flow · commit 254314be5f35 · 2024-12-28T00:58:19.000Z
### Before ![old_label](https://github.com/user-attachments/assets/2211f711-613a-4ed4-90fd-8ff6ab0700f5) ### After ![new_label](https://github.com/user-attachments/assets/ecbc89da-7f77-44d0-8ce9-ba51b67421e5)
diff --git a/web_src/css/repo.css b/web_src/css/repo.css
@@ -1591,7 +1591,7 @@ td .commit-summary {
   align-items: center;
 }
 
-.labels-list .label {
+.labels-list .label, .scope-parent > .label {
   padding: 0 6px;
   min-height: 20px;
   line-height: 1.3; /* there is a `font-size: 1.25em` for inside emoji, so here the line-height needs to be larger slightly */

Original file line number	Diff line number	Diff line change
`@@ -1591,7 +1591,7 @@ td .commit-summary {`
`1591`	`1591`	`align-items: center;`
`1592`	`1592`	`}`
`1593`	`1593`
`1594`		`-.labels-list .label {`
	`1594`	`+.labels-list .label, .scope-parent > .label {`
`1595`	`1595`	`padding: 0 6px;`
`1596`	`1596`	`min-height: 20px;`
`1597`	`1597`	line-height: 1.3; /* there is a `font-size: 1.25em` for inside emoji, so here the line-height needs to be larger slightly */