From 55239cbab74ac71047782a79ef6b2416e287aa22 Mon Sep 17 00:00:00 2001 From: Giteabot Date: Wed, 5 Apr 2023 11:07:44 -0400 Subject: [PATCH] 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 --- web_src/css/base.css | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/web_src/css/base.css b/web_src/css/base.css index 15e93490a8..343ffff82e 100644 --- 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,