From 30668e0047d684feec83b0e316c001c6e2332986 Mon Sep 17 00:00:00 2001 From: wxiaoguang Date: Sun, 19 Mar 2023 10:24:26 +0800 Subject: [PATCH] Fix dropdown icon misalignment when using fomantic icon (#23558) There are still many dropdowns using fomantic icon. For example: new issue with issue template. Avoid polluting the fomantic styles. Before: ![image](https://user-images.githubusercontent.com/2114189/226101609-fa64178d-fed0-4541-bea2-72a250cb74db.png) After: ![image](https://user-images.githubusercontent.com/2114189/226101603-9507b275-fc5b-4a55-870d-db8c4486d80a.png) --- web_src/css/base.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/web_src/css/base.css b/web_src/css/base.css index e14b1a549ce2..1077a0eebd02 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -2540,10 +2540,10 @@ table th[data-sortt-desc] .svg { height: auto; /* reset the ".ui.dropdown > .dropdown.icon {height}", otherwise the icon would be too small */ } -.ui.selection.dropdown > .search.icon, -.ui.selection.dropdown > .delete.icon, -.ui.selection.dropdown > .dropdown.icon { - top: 0 !important; +.ui.selection.dropdown > .svg.search.icon, +.ui.selection.dropdown > .svg.delete.icon, +.ui.selection.dropdown > .svg.dropdown.icon { + top: 0 !important; /* reset the ".ui.selection.dropdown > .xxx.icon {top}" if the icon is svg instead of the fomantic icon */ } .ui.dropdown.no-text > .dropdown.icon {