From 0cf8e4dd4e7d919b428c90bc2866559ba0bc4ec4 Mon Sep 17 00:00:00 2001
From: Nicholas Pease <me@nicholaspease.com>
Date: Thu, 21 Dec 2023 04:54:41 +0000
Subject: [PATCH] Fix Ripple?

---
 simplepwa/index.html | 14 +++++++-------
 simplepwa/style.css  |  2 ++
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/simplepwa/index.html b/simplepwa/index.html
index 21b3f7a..e3eecfa 100644
--- a/simplepwa/index.html
+++ b/simplepwa/index.html
@@ -45,9 +45,9 @@
 		<br>Connecting to Aviation Assistant<br>Please Wait.
 	</div>
     <div id="header" style="display: none">
-      <button class="mdl-button mdl-js-button mdl-button--raised" onclick="main()">tar1090</button>
-      <button class="mdl-button mdl-js-button mdl-button--raised" onclick="window.location.href = 'shortcuts://run-shortcut?name=OpenADSBWebLaunch'">OpenADSB</button>
-      <button class="mdl-button mdl-js-button mdl-button--raised" onclick="settings()">Settings</button>
+      <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" onclick="main()">tar1090</button>
+      <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" onclick="window.location.href = 'shortcuts://run-shortcut?name=OpenADSBWebLaunch'">OpenADSB</button>
+      <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" onclick="settings()">Settings</button>
     </div>
     <div id="main_tab" style="display: none">
       <iframe src="http://aa.local/tar1090"></iframe>
@@ -128,10 +128,10 @@
           </td>
           <td>
             <div class="demo-card-square mdl-card mdl-shadow--2dp" id="buttons_card">
-              <button class="mdl-button mdl-js-button mdl-button--raised" onclick="sendcommand('reboot')">Reboot</button><br />
-              <button class="mdl-button mdl-js-button mdl-button--raised" onclick="sendcommand('poweroff')">Poweroff</button><br />
-              <button class="mdl-button mdl-js-button mdl-button--raised" onclick="sendcommand('update')">Update</button><br />
-              <button class="mdl-button mdl-js-button mdl-button--raised">Licenses / Credits</button>
+              <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" onclick="sendcommand('reboot')">Reboot</button><br />
+              <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" onclick="sendcommand('poweroff')">Poweroff</button><br />
+              <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" onclick="sendcommand('update')">Update</button><br />
+              <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">Licenses / Credits</button>
             </div>
           </td>
         </tr>
diff --git a/simplepwa/style.css b/simplepwa/style.css
index d73ce84..bfe430f 100644
--- a/simplepwa/style.css
+++ b/simplepwa/style.css
@@ -7,6 +7,8 @@ html * {
 	font-family: SF-Pro !important;
 }
 
+.mdl-ripple { background: #000; opacity: 0.001; }
+
 html,
 body {
   background-color: white;