diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index 92f1e771f..8fc4bd920 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -40,7 +40,7 @@ *******************************/ /*-------------- - Menu + Menu ---------------*/ .ui.dropdown .menu { @@ -689,6 +689,28 @@ select.ui.dropdown { } +/* Default Side (Right) */ +.ui.dropdown .right.menu > .menu, +.ui.dropdown .menu .right.menu { + left: 100% !important; + right: auto !important; +} + +/* Left Flyout Menu */ +.ui.dropdown > .left.menu .menu, +.ui.dropdown .menu .left.menu { + left: auto !important; + right: 100% !important; +} + +.ui.dropdown .item .left.dropdown.icon, +.ui.dropdown .left.menu .item .dropdown.icon { + width: auto; + float: @leftMenuDropdownIconFloat; + margin: @leftMenuDropdownIconMargin; +} + + /*-------------- Simple ---------------*/ diff --git a/src/themes/default/modules/dropdown.overrides b/src/themes/default/modules/dropdown.overrides index 85b179647..729e201d6 100644 --- a/src/themes/default/modules/dropdown.overrides +++ b/src/themes/default/modules/dropdown.overrides @@ -36,6 +36,11 @@ content: '\f0da'/*rtl:'\f0d9'*/; } +.ui.dropdown .item .left.dropdown.icon:before, +.ui.dropdown .left.menu .item .dropdown.icon:before { + content: "\f0d9"/*rtl:"\f0da"*/; +} + /* Vertical Menu Dropdown */ .ui.vertical.menu .dropdown.item > .dropdown.icon:before { content: "\f0da"/*rtl:"\f0d9"*/; diff --git a/src/themes/default/modules/dropdown.variables b/src/themes/default/modules/dropdown.variables index fc6666ed2..756d07a42 100644 --- a/src/themes/default/modules/dropdown.variables +++ b/src/themes/default/modules/dropdown.variables @@ -217,6 +217,10 @@ Variations --------------------*/ +/* Flyout Direction */ +@leftMenuDropdownIconFloat: left; +@leftMenuDropdownIconMargin: @itemLineHeightOffset @itemElementDistance 0em 0em; + /* Simple */ @simpleTransitionDuration: 0.2s; @simpleTransition: opacity @simpleTransitionDuration @defaultEasing;