Skip to content

Commit

Permalink
feat(dropdown): dropdown formatted with label
Browse files Browse the repository at this point in the history
Supports the dropdown to be formatted with the label at left or
right position same as `labeled input` and `action input`.

This feature depends on the labeled input and only works when the
theme has enabled the labeled input variation.
  • Loading branch information
ko2in committed Sep 11, 2020
1 parent db91227 commit 65fe7e5
Showing 1 changed file with 24 additions and 0 deletions.
24 changes: 24 additions & 0 deletions src/definitions/modules/dropdown.less
Original file line number Diff line number Diff line change
Expand Up @@ -1323,6 +1323,30 @@ select.ui.dropdown {
}
}

& when (@variationInputLabeled) {
/*--------------------
Labeled
---------------------*/

/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + .dropdown {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-color: transparent;
}

/* Regular Label on Right */
.ui[class*="right labeled"].input > .dropdown:not(:last-child) {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-right-color: transparent !important;
}
.ui[class*="right labeled"].input > .dropdown + .label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}

/*--------------
Columnar
---------------*/
Expand Down

0 comments on commit 65fe7e5

Please sign in to comment.