Fix error with the dropdown menu

This commit is contained in:
Oscar Cortez 2015-07-17 20:31:52 -06:00
parent 2b0e40f136
commit c1c74599f6
3 changed files with 6 additions and 7 deletions

View file

@ -23,11 +23,11 @@
</div> </div>
</div> </div>
<button id="demo-menu-lower-left" class="mdl-button mdl-js-button mdl-button--icon"> <button class="mdl-button mdl-js-button mdl-button--icon" id="menu-lower-left">
<i class="material-icons">more_vert</i> <i class="material-icons">more_vert</i>
</button> </button>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="demo-menu-lower-left"> <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="menu-lower-left">
<li class="mdl-menu__item">Some Action</li> <li class="mdl-menu__item">Some Action</li>
<li class="mdl-menu__item">Another Action</li> <li class="mdl-menu__item">Another Action</li>
<li disabled class="mdl-menu__item">Disabled Action</li> <li disabled class="mdl-menu__item">Disabled Action</li>

View file

@ -12,12 +12,11 @@
id="fixed-header-drawer-exp" /> id="fixed-header-drawer-exp" />
</div> </div>
<button id="demo-menu-lower-left" class="mdl-button mdl-js-button mdl-button--icon"> <button class="mdl-button mdl-js-button mdl-button--icon" id="fixed-menu-lower-left">
<i class="material-icons">more_vert</i> <i class="material-icons">more_vert</i>
</button> </button>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="fixed-menu-lower-left">
for="demo-menu-lower-left">
<li class="mdl-menu__item">Some Action</li> <li class="mdl-menu__item">Some Action</li>
<li class="mdl-menu__item">Another Action</li> <li class="mdl-menu__item">Another Action</li>
<li disabled class="mdl-menu__item">Disabled Action</li> <li disabled class="mdl-menu__item">Disabled Action</li>

View file

@ -14,10 +14,10 @@
</div> </div>
</div> </div>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon" id="btn1"> <button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon" id="btn-high">
<i class="material-icons">more_vert</i> <i class="material-icons">more_vert</i>
</button> </button>
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="btn1"> <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="btn-high">
<li class="mdl-menu__item">Lorem</li> <li class="mdl-menu__item">Lorem</li>
<li class="mdl-menu__item" disabled>Ipsum</li> <li class="mdl-menu__item" disabled>Ipsum</li>
<li class="mdl-menu__item">Dolor</li> <li class="mdl-menu__item">Dolor</li>