google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix ripple effect on menubtn (fixes #1727) 

The **mdl-js-ripple-effect** class applied to the wrong element, and cause JS error. The code change complies with the guide on http://www.getmdl.io/components/index.html#menus-section.
master
Xi Shen 2015-10-12 20:20:36 +08:00 committed by Surma
parent 5c78218af6
commit 0175db6ab1
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
templates/blog/index.html
View File

@ -89,11 +89,11 @@
<div> <div>
<strong>The Newist</strong> <strong>The Newist</strong>
</div> </div>
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="menubtn"> <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right mdl-js-ripple-effect" for="menubtn">
<li class="mdl-menu__item mdl-js-ripple-effect">About</li> <li class="mdl-menu__item">About</li>
<li class="mdl-menu__item mdl-js-ripple-effect">Message</li> <li class="mdl-menu__item">Message</li>
<li class="mdl-menu__item mdl-js-ripple-effect">Favorite</li> <li class="mdl-menu__item">Favorite</li>
<li class="mdl-menu__item mdl-js-ripple-effect">Search</li> <li class="mdl-menu__item">Search</li>
</ul> </ul>
<button id="menubtn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon"> <button id="menubtn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons" role="presentation">more_vert</i> <i class="material-icons" role="presentation">more_vert</i>