Fix image border-radius (#23886)

wxiaoguang · web-flow · commit 376396a08838 · 2023-04-05T02:44:52.000+02:00
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)
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);
 }
@@ -1178,9 +1170,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`	`}`
`@@ -1178,9 +1170,9 @@ a.ui.card:hover {`
`1178`	`1170`	`border-color: var(--color-secondary);`
`1179`	`1171`	`}`
`1180`	`1172`
	`1173`	`+img.ui.avatar,`
`1181`	`1174`	`.ui.avatar img,`
`1182`	`1175`	`.ui.avatar svg,`
`1183`		`-.ui.avatar.img,`
`1184`	`1176`	`.ui.cards > .card img.avatar,`
`1185`	`1177`	`.ui.cards > .card .avatar img,`
`1186`	`1178`	`.ui.card img.avatar,`