Skip to content

Commit 65fe7e5

Browse files
authored
feat(dropdown): dropdown formatted with label
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.
1 parent db91227 commit 65fe7e5

File tree

1 file changed

+24
-0
lines changed

1 file changed

+24
-0
lines changed

src/definitions/modules/dropdown.less

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1323,6 +1323,30 @@ select.ui.dropdown {
13231323
}
13241324
}
13251325

1326+
& when (@variationInputLabeled) {
1327+
/*--------------------
1328+
Labeled
1329+
---------------------*/
1330+
1331+
/* Regular Label on Left */
1332+
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + .dropdown {
1333+
border-top-left-radius: 0;
1334+
border-bottom-left-radius: 0;
1335+
border-left-color: transparent;
1336+
}
1337+
1338+
/* Regular Label on Right */
1339+
.ui[class*="right labeled"].input > .dropdown:not(:last-child) {
1340+
border-top-right-radius: 0 !important;
1341+
border-bottom-right-radius: 0 !important;
1342+
border-right-color: transparent !important;
1343+
}
1344+
.ui[class*="right labeled"].input > .dropdown + .label {
1345+
border-top-left-radius: 0;
1346+
border-bottom-left-radius: 0;
1347+
}
1348+
}
1349+
13261350
/*--------------
13271351
Columnar
13281352
---------------*/

0 commit comments

Comments
 (0)