javascript - Semantic UI Sidebar & Dropdown menu -
i trying create simple web ui semantic ui.
i want sidebar menu in in items have subitems... shouldn't hard hu?
<div class="ui vertical menu sidebar teal"> <div class="menu"> <a class="item" target="_blank" href="http://semantic-ui.com/modules/dropdown.html"> example </a> <div class="ui left pointing dropdown link item"> <i class="dropdown icon"></i> messages <div class="menu">
how sub items "fly-out" of sidebar on normal page content? if click "messages" within example, menu appear (watch scrollbar @ bottom appear) since children of sidebar, being shown within sidebar. want them float on normal content! didn't work via fiddle z-index
any hints appreciated!
cheers,
corelgott
if sidebar configured use overlay
transition can fixed specifying
.ui.sidebar { overflow: visible !important; }
taken here http://jsfiddle.net/59174tt1/2/
Comments
Post a Comment