Browse Source

Adds #1429, dropdown menu left/right position

pull/1481/head
jlukic 10 years ago
parent
commit
826db9f184
3 changed files with 32 additions and 1 deletions
  1. 24
      src/definitions/modules/dropdown.less
  2. 5
      src/themes/default/modules/dropdown.overrides
  3. 4
      src/themes/default/modules/dropdown.variables

24
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
---------------*/

5
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"*/;

4
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;

Loading…
Cancel
Save