Skip to content

Commit 7d48060

Browse files
authored
fix(dropdown): multiple search button padding and wrapping
This PR fixes multiple search button dropdown had wrong padding Placeholders in multiple search dropdowns were wrapping Search in dropdown buttons had ghosting text
1 parent d5d9764 commit 7d48060

File tree

1 file changed

+13
-1
lines changed

1 file changed

+13
-1
lines changed

src/definitions/modules/dropdown.less

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -681,6 +681,9 @@ select.ui.dropdown {
681681
color: @selectionTextUnderlayColor !important;
682682
}
683683

684+
.ui.search.dropdown.button > span.sizer {
685+
display: none;
686+
}
684687

685688
/* Search Menu */
686689
.ui.search.dropdown .menu {
@@ -742,7 +745,7 @@ select.ui.dropdown {
742745
---------------*/
743746

744747
/* Multiple Selection */
745-
.ui.multiple.dropdown {
748+
.ui.ui.multiple.dropdown {
746749
padding: @multipleSelectionPadding;
747750
}
748751
.ui.multiple.dropdown .menu {
@@ -772,6 +775,11 @@ select.ui.dropdown {
772775
max-width: 100%;
773776
margin: @multipleSelectionChildMargin;
774777
line-height: @multipleSelectionChildLineHeight;
778+
&.default {
779+
white-space: nowrap;
780+
overflow: hidden;
781+
text-overflow: ellipsis;
782+
}
775783
}
776784
.ui.multiple.dropdown > .label ~ input.search {
777785
margin-left: @multipleSelectionSearchAfterLabelDistance !important;
@@ -825,6 +833,10 @@ select.ui.dropdown {
825833
width: @multipleSelectionSearchStartWidth;
826834
line-height: @multipleSelectionChildLineHeight;
827835
}
836+
837+
.ui.multiple.search.dropdown.button {
838+
min-width: @selectionMinWidth;
839+
}
828840
}
829841
}
830842

0 commit comments

Comments
 (0)