diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index 37169e54b4..e902b14f10 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -468,10 +468,10 @@ select.ui.dropdown { @media only screen and (max-width: @largestMobileScreen) { & when (@variationDropdownShort) { - .ui.selection.dropdown.short .menu { + .ui.ui.selection.dropdown.short .menu { max-height: @selectionMobileMaxMenuHeight * 0.75; } - .ui.selection.dropdown[class*="very short"] .menu { + .ui.ui.selection.dropdown[class*="very short"] .menu { max-height: @selectionMobileMaxMenuHeight * 0.5; } } @@ -479,20 +479,20 @@ select.ui.dropdown { max-height: @selectionMobileMaxMenuHeight; } & when (@variationDropdownLong) { - .ui.selection.dropdown.long .menu { + .ui.ui.selection.dropdown.long .menu { max-height: @selectionMobileMaxMenuHeight * 2; } - .ui.selection.dropdown[class*="very long"] .menu { + .ui.ui.selection.dropdown[class*="very long"] .menu { max-height: @selectionMobileMaxMenuHeight * 3; } } } @media only screen and (min-width: @tabletBreakpoint) { & when (@variationDropdownShort) { - .ui.selection.dropdown.short .menu { + .ui.ui.selection.dropdown.short .menu { max-height: @selectionTabletMaxMenuHeight * 0.75; } - .ui.selection.dropdown[class*="very short"] .menu { + .ui.ui.selection.dropdown[class*="very short"] .menu { max-height: @selectionTabletMaxMenuHeight * 0.5; } } @@ -500,20 +500,20 @@ select.ui.dropdown { max-height: @selectionTabletMaxMenuHeight; } & when (@variationDropdownLong) { - .ui.selection.dropdown.long .menu { + .ui.ui.selection.dropdown.long .menu { max-height: @selectionTabletMaxMenuHeight * 2; } - .ui.selection.dropdown[class*="very long"] .menu { + .ui.ui.selection.dropdown[class*="very long"] .menu { max-height: @selectionTabletMaxMenuHeight * 3; } } } @media only screen and (min-width: @computerBreakpoint) { & when (@variationDropdownShort) { - .ui.selection.dropdown.short .menu { + .ui.ui.selection.dropdown.short .menu { max-height: @selectionComputerMaxMenuHeight * 0.75; } - .ui.selection.dropdown[class*="very short"] .menu { + .ui.ui.selection.dropdown[class*="very short"] .menu { max-height: @selectionComputerMaxMenuHeight * 0.5; } } @@ -521,20 +521,20 @@ select.ui.dropdown { max-height: @selectionComputerMaxMenuHeight; } & when (@variationDropdownLong) { - .ui.selection.dropdown.long .menu { + .ui.ui.selection.dropdown.long .menu { max-height: @selectionComputerMaxMenuHeight * 2; } - .ui.selection.dropdown[class*="very long"] .menu { + .ui.ui.selection.dropdown[class*="very long"] .menu { max-height: @selectionComputerMaxMenuHeight * 3; } } } @media only screen and (min-width: @widescreenMonitorBreakpoint) { & when (@variationDropdownShort) { - .ui.selection.dropdown.short .menu { + .ui.ui.selection.dropdown.short .menu { max-height: @selectionWidescreenMaxMenuHeight * 0.75; } - .ui.selection.dropdown[class*="very short"] .menu { + .ui.ui.selection.dropdown[class*="very short"] .menu { max-height: @selectionWidescreenMaxMenuHeight * 0.5; } } @@ -542,10 +542,10 @@ select.ui.dropdown { max-height: @selectionWidescreenMaxMenuHeight; } & when (@variationDropdownLong) { - .ui.selection.dropdown.long .menu { + .ui.ui.selection.dropdown.long .menu { max-height: @selectionWidescreenMaxMenuHeight * 2; } - .ui.selection.dropdown[class*="very long"] .menu { + .ui.ui.selection.dropdown[class*="very long"] .menu { max-height: @selectionWidescreenMaxMenuHeight * 3; } }