Fix dropdown icon misalignment when using fomantic icon (#23558) (#23577)

Backport #23558

There are still many dropdowns using fomantic icon. For example: new
issue with issue template.

Avoid polluting the fomantic styles.

Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
This commit is contained in:
wxiaoguang 2023-03-20 10:44:15 +08:00 committed by GitHub
parent 4730ed18f1
commit 854fcb1434
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -2544,10 +2544,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 {