From b5e60b2159e5b7cf1b57588c76bfcb7daaa1ff17 Mon Sep 17 00:00:00 2001
From: Kalmai221 <hkurtislee@outlook.com>
Date: Sat, 28 Dec 2024 19:18:06 +0000
Subject: [PATCH] PUBLISH V1.8.4.3

---
 README.md                               |  2 +-
 docs/updates.md                         |  5 ++
 flask_profiler/static/dist/css/main.css | 87 +++++++++++++++++++++++++
 flask_profiler/static/dist/index.html   | 12 ++--
 flask_profiler/static/dist/version.txt  |  2 +-
 mkdocs.yml                              |  2 +-
 6 files changed, 103 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index f28a712..5f00c01 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # Flask-ProfilerForked
 
-**Version: 1.8.4.1**
+**Version: 1.8.4.3**
 
 Flask-ProfilerForked measures the performance of your Flask application endpoints and provides detailed reports through a user-friendly web interface.
 
diff --git a/docs/updates.md b/docs/updates.md
index c368e3d..6b51b4e 100644
--- a/docs/updates.md
+++ b/docs/updates.md
@@ -1,3 +1,8 @@
+## Version 1.8.4.3
+
+- Fixed Major bugs in previous versions
+- Added a tooltip to the button redirecting to the profiler's documentation
+
 ## Version 1.8.4
 
 - Changed the Login system to Flask-Login, now includes support for Logging out
diff --git a/flask_profiler/static/dist/css/main.css b/flask_profiler/static/dist/css/main.css
index a93d59d..465b86c 100644
--- a/flask_profiler/static/dist/css/main.css
+++ b/flask_profiler/static/dist/css/main.css
@@ -298,3 +298,90 @@ canvas {
 #adminTabLink {
     display: none;
 }
+
+.faq-button {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    border: none;
+    background-color: #1e3a8a; /* Dark blue */
+    background-image: linear-gradient(147deg, #1e3a8a 0%, #3b82f6 74%); /* Blue gradient */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.151);
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    z-index: 1000;
+    }
+
+    .faq-button svg {
+    height: 1.5em;
+    fill: white;
+    }
+
+    .faq-button:hover svg {
+    animation: jello-vertical 0.7s both;
+    }
+
+    @keyframes jello-vertical {
+    0% {
+        transform: scale3d(1, 1, 1);
+    }
+    30% {
+        transform: scale3d(0.75, 1.25, 1);
+    }
+    40% {
+        transform: scale3d(1.25, 0.75, 1);
+    }
+    50% {
+        transform: scale3d(0.85, 1.15, 1);
+    }
+    65% {
+        transform: scale3d(1.05, 0.95, 1);
+    }
+    75% {
+        transform: scale3d(0.95, 1.05, 1);
+    }
+    100% {
+        transform: scale3d(1, 1, 1);
+    }
+    }
+
+    .tooltip {
+    position: absolute;
+    top: -20px;
+    opacity: 0;
+    background-color: #1e3a8a; /* Dark blue */
+    background-image: linear-gradient(147deg, #1e3a8a 0%, #3b82f6 74%); /* Blue gradient */
+    color: white;
+    padding: 5px 10px;
+    border-radius: 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition-duration: 0.2s;
+    pointer-events: none;
+    letter-spacing: 0.5px;
+    }
+
+    .tooltip::before {
+    position: absolute;
+    content: "";
+    width: 10px;
+    height: 10px;
+    background-color: #3b82f6; /* Light blue */
+    background-size: 1000%;
+    background-position: center;
+    transform: rotate(45deg);
+    bottom: -15%;
+    transition-duration: 0.3s;
+    }
+
+    .faq-button:hover .tooltip {
+    top: -40px;
+    opacity: 1;
+    transition-duration: 0.3s;
+    }
diff --git a/flask_profiler/static/dist/index.html b/flask_profiler/static/dist/index.html
index fb841ff..862c717 100644
--- a/flask_profiler/static/dist/index.html
+++ b/flask_profiler/static/dist/index.html
@@ -350,10 +350,14 @@ <h5 class="modal-title" id="deleteDataModalLabel">Confirm Deletion</h5>
     </div>
 </div>
 
-<!-- Help Icon Badge -->
-<a href="https://flask-profiler.readthedocs.io/en/latest/" target="_blank" class="btn btn-info btn-floating" style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;">
-    <i class="fas fa-question-circle"></i>
-</a>
+<button class="faq-button" onclick="window.open('https://flask-profiler.readthedocs.io/en/latest/', '_blank')">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
+      <path
+        d="M80 160c0-35.3 28.7-64 64-64h32c35.3 0 64 28.7 64 64v3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1c-25.2 16.2-40.4 44.1-40.4 74V320c0 17.7 14.3 32 32 32s32-14.3 32-32v-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7V160c0-70.7-57.3-128-128-128H144C73.3 32 16 89.3 16 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"
+      ></path>
+    </svg>
+    <span class="tooltip">Docs</span>
+  </button>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
diff --git a/flask_profiler/static/dist/version.txt b/flask_profiler/static/dist/version.txt
index 38f74df..9e92411 100644
--- a/flask_profiler/static/dist/version.txt
+++ b/flask_profiler/static/dist/version.txt
@@ -1 +1 @@
-V1.8.4.1
\ No newline at end of file
+V1.8.4.3
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index 843e3a8..134bee2 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -28,7 +28,7 @@ theme:
   features:
     - content.code.copy
 extra:
-  version: V1.8.4.1
+  version: V1.8.4.3
   generator: false
 
 repo_name: Flask-ProfilerForked