Semantic-ui: [Dropdown] Add Right/Left Menu Variation

[jlukic]

Add variation for forcing left or right menu alignment for dropdowns. Useful in menus.

[dogancelik]

Is there a way to make these pointing arrow show on left?

<div id="nav-menu" class="ui top right dropdown icon item">
  <i class="sidebar icon"></i>
  <div class="menu">
    <!-- ... -->
    <div class="item">
      <i class="dropdown icon"></i>
      <span class="text"><i class="file outline icon"></i> Page</span>
      <div class="left menu">
        <div class="item nav-reload" data-value="reload"><i class="refresh icon"></i> Reload</div>
        <div class="item nav-back" data-value="back"><i class="arrow circle left icon"></i> Go back</div>
        <div class="item nav-forward" data-value="forward"><i class="arrow circle right icon"></i> Go forward</div>
      </div>
    </div>
    <!-- ... -->
    <div class="divider"></div>
    <div id="nav-exit" class="item" data-value="exit"><i class="power icon"></i> Exit</div>
  </div>
</div>

Edit: adding left class to i.dropdown.icon works.

[dogancelik]

I have noticed something. Even though menu item icons are left oriented, sub-menus don't open when you press left, they open when you press right (it assumes your sub-menu opens on right side).

Because a menu can have different left _or_ right pointing sub-menus at same time, key bind for opening sub-menus should check if sub-menu is left or right oriented.

[voidale]

@jlukic how about adding a down menu option? as inside the same menu? That could be great to have dropdowns inside mobile here is an example:

I found myself frequently creating different ways for mobile to interact with dropdowns that work on desktop just fine, That could be huge improvement with i suppose not major changes.

EDIT: you can use accordion for it!

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.