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

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>
This commit is contained in:
Giteabot 2023-04-05 11:07:44 -04:00 committed by GitHub
parent df74ee0376
commit 55239cbab7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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,