diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index 53bdae9ff..58f039dc6 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -27,7 +27,6 @@ cursor: pointer; position: relative; display: inline-block; - line-height: 1em; tap-highlight-color: rgba(0, 0, 0, 0); outline: none; text-align: left; @@ -49,14 +48,13 @@ display: none; outline: none; top: 100%; + min-width: max-content; transition: @menuTransition; margin: @menuMargin; padding: @menuPadding; background: @menuBackground; - min-width: 100%; - white-space: @menuWrap; font-size: @relativeMedium; text-shadow: none; text-align: @menuTextAlign; @@ -69,6 +67,11 @@ will-change: transform, opacity; } +.ui.dropdown .menu > * { + white-space: nowrap; +} + + /*-------------- Hidden Input ---------------*/ @@ -201,6 +204,7 @@ .ui.dropdown > .text > .description, .ui.dropdown .menu > .item > .description { + float: @itemDescriptionFloat; margin: @itemDescriptionMargin; color: @itemDescriptionColor; } @@ -340,6 +344,7 @@ .ui.selection.dropdown { cursor: pointer; word-wrap: break-word; + line-height: 1em; white-space: normal; outline: 0; transform: rotateZ(0deg); @@ -394,9 +399,9 @@ select.ui.dropdown { -webkit-overflow-scrolling: touch; border-top-width: 0px !important; width: auto; + outline: none; margin: 0px -@menuBorderWidth; min-width: @menuMinWidth; - outline: none; border-radius: @selectionMenuBorderRadius; box-shadow: @selectionMenuBoxShadow; diff --git a/src/themes/default/modules/dropdown.variables b/src/themes/default/modules/dropdown.variables index 3fa0f278a..715d0c449 100644 --- a/src/themes/default/modules/dropdown.variables +++ b/src/themes/default/modules/dropdown.variables @@ -28,7 +28,6 @@ @menuMargin: 0em; @menuPadding: 0em 0em; @menuTop: 100%; -@menuWrap: normal; @menuTextAlign: left; @menuBorderWidth: 1px; @@ -103,6 +102,7 @@ @itemDropdownIconMargin: @itemLineHeightOffset 0em 0em @itemDropdownIconDistance; /* Description */ +@itemDescriptionFloat: right; @itemDescriptionMargin: 0em 0em 0em 1em; @itemDescriptionColor: @lightTextColor;