Fix image border-radius (#23886) (#23930)

GiteaBot · wxiaoguang · web-flow · commit 55239cbab74a · 2023-04-05T17:07:44.000+02:00
Backport #23886 by @wxiaoguang 1. Instead of polluting the `border-radius` style globally, each "img" usage should declare their own styles. 2. There were some bugs in code, I believe the `.img` selector was done by mistake. After: ![image](https://user-images.githubusercontent.com/2114189/229415742-161b018f-14c3-471d-bcf7-34f83e5c2d89.png) ![image](https://user-images.githubusercontent.com/2114189/229415789-829d364a-76da-47a5-8c61-398cc990873c.png) Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
diff --git a/web_src/css/base.css b/web_src/css/base.css
@@ -230,10 +230,6 @@ body {
   }
 }
 
-img {
-  border-radius: 3px;
-}
-
 table {
   border-collapse: collapse;
 }
@@ -865,10 +861,6 @@ a.label,
   margin-bottom: -0.25rem;
 }
 
-.ui.dropdown .menu > .item > svg.img {
-  margin-right: 0.78571429rem;
-}
-
 .ui.selection.dropdown .menu > .item {
   border-color: var(--color-secondary);
 }
@@ -1181,9 +1173,9 @@ a.ui.card:hover,
   border-color: var(--color-secondary);
 }
 
+img.ui.avatar,
 .ui.avatar img,
 .ui.avatar svg,
-.ui.avatar.img,
 .ui.cards > .card img.avatar,
 .ui.cards > .card .avatar img,
 .ui.card img.avatar,

Original file line number	Diff line number	Diff line change
`@@ -230,10 +230,6 @@ body {`
`230`	`230`	`}`
`231`	`231`	`}`
`232`	`232`
`233`		`-img {`
`234`		`- border-radius: 3px;`
`235`		`-}`
`236`		`-`
`237`	`233`	`table {`
`238`	`234`	`border-collapse: collapse;`
`239`	`235`	`}`
`@@ -865,10 +861,6 @@ a.label,`
`865`	`861`	`margin-bottom: -0.25rem;`
`866`	`862`	`}`
`867`	`863`
`868`		`-.ui.dropdown .menu > .item > svg.img {`
`869`		`- margin-right: 0.78571429rem;`
`870`		`-}`
`871`		`-`
`872`	`864`	`.ui.selection.dropdown .menu > .item {`
`873`	`865`	`border-color: var(--color-secondary);`
`874`	`866`	`}`
`@@ -1181,9 +1173,9 @@ a.ui.card:hover,`
`1181`	`1173`	`border-color: var(--color-secondary);`
`1182`	`1174`	`}`
`1183`	`1175`
	`1176`	`+img.ui.avatar,`
`1184`	`1177`	`.ui.avatar img,`
`1185`	`1178`	`.ui.avatar svg,`
`1186`		`-.ui.avatar.img,`
`1187`	`1179`	`.ui.cards > .card img.avatar,`
`1188`	`1180`	`.ui.cards > .card .avatar img,`
`1189`	`1181`	`.ui.card img.avatar,`