From 0175db6ab104eef22aad06574f6777e26642eaad Mon Sep 17 00:00:00 2001
From: Xi Shen <davidshen84@gmail.com>
Date: Mon, 12 Oct 2015 20:20:36 +0800
Subject: [PATCH] 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.
---
 templates/blog/index.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/templates/blog/index.html b/templates/blog/index.html
index 3980c0ee..7a11147e 100644
--- a/templates/blog/index.html
+++ b/templates/blog/index.html
@@ -89,11 +89,11 @@
               <div>
                 <strong>The Newist</strong>
               </div>
-              <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="menubtn">
-                <li class="mdl-menu__item mdl-js-ripple-effect">About</li>
-                <li class="mdl-menu__item mdl-js-ripple-effect">Message</li>
-                <li class="mdl-menu__item mdl-js-ripple-effect">Favorite</li>
-                <li class="mdl-menu__item mdl-js-ripple-effect">Search</li>
+              <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right mdl-js-ripple-effect" for="menubtn">
+                <li class="mdl-menu__item">About</li>
+                <li class="mdl-menu__item">Message</li>
+                <li class="mdl-menu__item">Favorite</li>
+                <li class="mdl-menu__item">Search</li>
               </ul>
               <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>