Add tooltip to sign add to all pages feature (#2325)

Stirling-Tools · Nov 25, 2024 · da46d94 · da46d94
1 parent 5936e85
commit da46d94
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 31 deletions.
diff --git a/src/main/resources/messages_en_GB.properties b/src/main/resources/messages_en_GB.properties
@@ -818,7 +818,7 @@ sign.save=Save Signature
 sign.personalSigs=Personal Signatures
 sign.sharedSigs=Shared Signatures
 sign.noSavedSigs=No saved signatures found
-
+sign.addToAll=Add to all pages
 
 #repair
 repair.title=Repair

diff --git a/src/main/resources/static/css/general.css b/src/main/resources/static/css/general.css
@@ -100,3 +100,30 @@ input:-webkit-autofill:focus {
 input[data-autocompleted] {
     background-color: transparent !important;
 }
+.btn-tooltip {
+  position: absolute;
+  display: none;
+  bottom: 3.2rem;
+  white-space: nowrap;
+  flex-wrap: nowrap;
+  width: fit-content;
+  padding: 7px;
+  background-color: rgba(0, 29, 41, 0.9);
+  border-radius: 3px;
+  font-size: 12px;
+  color: whitesmoke;
+  animation: fadeup 0.15s linear;
+}
+@keyframes fadeup {
+  0% {
+    transform: translateY(10px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+.btn:hover .btn-tooltip {
+  display: block;
+  }
diff --git a/src/main/resources/static/css/multi-tool.css b/src/main/resources/static/css/multi-tool.css
@@ -286,34 +286,6 @@ label {
 .checkbox-label {
   font-size: medium;
 }
-
-.btn-tooltip {
-  position: absolute;
-  display: none;
-  bottom: 3.2rem;
-  white-space: nowrap;
-  flex-wrap: nowrap;
-  width: fit-content;
-  padding: 7px;
-  background-color: rgba(0, 29, 41, 0.9);
-  border-radius: 3px;
-  font-size: 12px;
-  color: whitesmoke;
-  animation: fadeup 0.15s linear;
-}
 .btn {
-  position: relative; /* Ensure the button is the positioning context for its children */
-}
-@keyframes fadeup {
-  0% {
-    transform: translateY(10px);
-    opacity: 0;
-  }
-  100% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-.btn:hover .btn-tooltip {
-  display: block;
-  }
+  position: relative;
+}
diff --git a/src/main/resources/templates/sign.html b/src/main/resources/templates/sign.html
@@ -375,6 +375,7 @@ <h5 th:text="#{sign.sharedSigs}"></h5>
                   <span class="material-symbols-rounded">
                     content_copy
                   </span>
+                  <span class="btn-tooltip" th:text="#{sign.addToAll}"></span>
                 </button>
                 <button class="btn btn-outline-secondary" onclick="goToFirstOrLastPage(false)" style="margin-left:auto">
                   <span class="material-symbols-rounded">