Added button for collecting user feedback.

mdenet · Jan 26, 2024 · 4c1ed07 · 4c1ed07
1 parent bceb4b9
commit 4c1ed07
Show file tree

Hide file tree

Showing 3 changed files with 61 additions and 1 deletion.
diff --git a/platform/public/css/index.css b/platform/public/css/index.css
@@ -21,4 +21,20 @@
 .button-dark {
     background-color: darkslategrey;
     color: aliceblue;
-}
+}
+
+#feedback-button {
+    position: absolute !important;
+    z-index: 10000 !important;
+    padding: 12px;
+    border-radius: 20px;
+    box-shadow: 0 4px 8px 0 gray, 0 6px 20px 0 gray;
+    background-color: lightblue;
+    bottom: 5%;
+    right: 2%;
+    transition-duration: 0.4s;
+  }
+
+  #feedback-button:hover { 
+    background-color: #3498db;
+  }
diff --git a/platform/public/images/rate_review.svg b/platform/public/images/rate_review.svg
diff --git a/platform/public/index.html b/platform/public/index.html
@@ -16,6 +16,12 @@
 <body class="h-100" onresize="fit()" onload="fit();updateGutterVisibility();">
     <div id="preloader"><img src="images/preloader.gif" width="100px"></div>
 
+    <div id='feedback-button'>
+        <p><a href="FEEDBAK_SURVEY_URL" target="_blank" rel="noopener noreferrer">
+            <img src="images/rate_review.svg" alt="Feedback" width="20" height="20">
+        </a></p>
+    </div>
+
     <div id="login" style="display:none">
         <h2>Login</h2>
         <p>