From fea65d1ea52d329311439a2f456040b12932c5fe Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 18 Jul 2025 09:46:46 -0700
Subject: [PATCH] drop balloon/balloonoya everywhere

---
 viewer/static/assets/css/main.css             | 33 -------------------
 viewer/templates/components_table.html        | 10 +++---
 viewer/templates/result_tranceiver.html       | 27 ---------------
 viewer/templates/scan_table.html              | 10 +++---
 viewer/templates/site_qualification.html      | 27 ---------------
 viewer/templates/yarr_scans/select_table.html | 16 +++++----
 6 files changed, 18 insertions(+), 105 deletions(-)

diff --git a/viewer/static/assets/css/main.css b/viewer/static/assets/css/main.css
index a7a3644c9..2a74653e7 100644
--- a/viewer/static/assets/css/main.css
+++ b/viewer/static/assets/css/main.css
@@ -1,36 +1,3 @@
-.balloonoya {
-  position: relative;
-}
-
-.balloonoya:hover .balloon {
-  display: inline;
-}
-
-.balloon {
-  color: #fff;
-  position: absolute;
-  display: none;
-  padding: 5%;
-  background-color: #88f;
-  border-radius: 5px;
-  width: 180px;
-  left: 0%;
-  bottom: 100%;
-  margin-bottom: 12px;
-  font-size: 80%;
-  transition: all 0.5s 0s ease;
-}
-
-.balloon:after {
-  border-top: 12px solid #88f;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  bottom: -12px;
-  left: 30%;
-  content: "";
-  position: absolute;
-  transition: all 0.5s 0s ease;
-}
 
 tr.test-run {
   display: table-row;
diff --git a/viewer/templates/components_table.html b/viewer/templates/components_table.html
index fe17bcbd1..e466edfda 100644
--- a/viewer/templates/components_table.html
+++ b/viewer/templates/components_table.html
@@ -56,7 +56,10 @@
                 <th style="word-wrap:break-word; text-align:left;">Last QC Test Type</th>
                 <th style="word-wrap:break-word; text-align:left;">Date</th>
                 <th style="word-wrap:break-word; text-align:left;">
-                  <div class="balloonoya">
+                  <div
+                    data-toggle="tooltip"
+                    title="Create tags with the button. Attach tags with pulldown menu. Detach tags by choosing a tag twice."
+                  >
                     Tag <i class="fa fa-question-circle "></i>:
                     <button
                       type="button"
@@ -66,11 +69,6 @@
                     >
                       Create
                     </button>
-                    <span class="balloon">
-                      Create tags with the button. <br />
-                      Attach tags with pulldown menu. <br />
-                      Detach tags by choosing a tag twice.
-                    </span>
                   </div>
                   <form method="post" action="" id="form_puttag_header" style="margin-bottom: 0%;">
                     <select name="tag_name" id="puttag_component_dummy" onchange="putTag(this.id);" style="display:none;"></select>
diff --git a/viewer/templates/result_tranceiver.html b/viewer/templates/result_tranceiver.html
index f767c616d..7351d39f6 100644
--- a/viewer/templates/result_tranceiver.html
+++ b/viewer/templates/result_tranceiver.html
@@ -108,33 +108,6 @@
     }
   </style>
 
-  <style type="text/css">
-    .balloonoya {
-      position: relative; /* 指定した分だけ相対的に移動 */
-    }
-    .balloonoya:hover .balloon {
-      display: inline; /* インライン要素として表示 */
-    }
-    .balloon {
-      position: absolute; /* 親要素を基準 */
-      display: none; /* 要素を非表示 */
-      padding: 2px; /* テキストの前後の余白 */
-      background-color: rgba(102, 102, 255, 0.5); /* 背景色（透明度） */
-      width: 180px; /* 吹き出し全体の幅 */
-      right: -1%; /* 表示位置 */
-      font-size: 80%; /* 文字サイズ */
-    }
-    .balloon:after {
-      border-right: 12px solid rgba(102, 102, 255, 0.5); /* 吹き出し口の幅・色 */
-      border-top: 10px solid transparent; /* 吹き出し口の高さ１／２ */
-      border-bottom: 10px solid transparent; /* 吹き出し口の高さ１／２ */
-      left: -12px; /* 吹き出し口の位置調整 */
-      top: 5%; /* 吹き出し口の縦位置 */
-      content: ""; /* コンテンツの挿入 */
-      position: absolute; /* 親要素を基準 */
-    }
-  </style>
-
   <script>
     window.onload = () => {
       const loader = document.getElementById("loader");
diff --git a/viewer/templates/scan_table.html b/viewer/templates/scan_table.html
index f29bb909b..f30912261 100644
--- a/viewer/templates/scan_table.html
+++ b/viewer/templates/scan_table.html
@@ -58,7 +58,10 @@
               <th style="word-wrap:break-word; text-align:center;">Date</th>
               <th style="word-wrap:break-word; text-align:center;">Stage</th>
               <th style="word-wrap:break-word; text-align:left;">
-                <div class="balloonoya">
+                <div
+                  data-toggle="tooltip"
+                  title="Create tag with the Link. Attach tags with pulldown menu. Detach tags by choosing a tag twice."
+                >
                   Tags <i class="fa fa-question-circle "></i>:
                   <button
                     type="button"
@@ -68,11 +71,6 @@
                   >
                     Create
                   </button>
-                  <span class="balloon">
-                    Create tag with the Link. <br />
-                    Attach tags with pulldown menu. <br />
-                    Detach tags by choosing a tag twice.
-                  </span>
                 </div>
               </th>
             </tr>
diff --git a/viewer/templates/site_qualification.html b/viewer/templates/site_qualification.html
index fb4b8a83a..25d30793d 100644
--- a/viewer/templates/site_qualification.html
+++ b/viewer/templates/site_qualification.html
@@ -108,33 +108,6 @@
     }
   </style>
 
-  <style type="text/css">
-    .balloonoya {
-      position: relative; /* 指定した分だけ相対的に移動 */
-    }
-    .balloonoya:hover .balloon {
-      display: inline; /* インライン要素として表示 */
-    }
-    .balloon {
-      position: absolute; /* 親要素を基準 */
-      display: none; /* 要素を非表示 */
-      padding: 2px; /* テキストの前後の余白 */
-      background-color: rgba(102, 102, 255, 0.5); /* 背景色（透明度） */
-      width: 180px; /* 吹き出し全体の幅 */
-      right: -1%; /* 表示位置 */
-      font-size: 80%; /* 文字サイズ */
-    }
-    .balloon:after {
-      border-right: 12px solid rgba(102, 102, 255, 0.5); /* 吹き出し口の幅・色 */
-      border-top: 10px solid transparent; /* 吹き出し口の高さ１／２ */
-      border-bottom: 10px solid transparent; /* 吹き出し口の高さ１／２ */
-      left: -12px; /* 吹き出し口の位置調整 */
-      top: 5%; /* 吹き出し口の縦位置 */
-      content: ""; /* コンテンツの挿入 */
-      position: absolute; /* 親要素を基準 */
-    }
-  </style>
-
   <script>
     window.onload = () => {
       const loader = document.getElementById("loader");
diff --git a/viewer/templates/yarr_scans/select_table.html b/viewer/templates/yarr_scans/select_table.html
index e8744f526..6a3a3f6fe 100644
--- a/viewer/templates/yarr_scans/select_table.html
+++ b/viewer/templates/yarr_scans/select_table.html
@@ -284,12 +284,16 @@
             </div>
             <div class="col-md-12">
               {% if m_doc["processState"] == "selection" %}
-                <div class="balloonoya">
-                  <button type="submit" class="btn btn-primary" name="processState" value="complete">Proceed</button>
-                  <span class="balloon" style="padding: 5px; font-size:100%;">
-                    After pushing the button the processing takes a few tens seconds; please wait.
-                  </span>
-                </div>
+                <button
+                  type="submit"
+                  class="btn btn-primary"
+                  name="processState"
+                  value="complete"
+                  data-toggle="tooltip"
+                  title="After pushing the button the processing takes a few tens seconds; please wait."
+                >
+                  Proceed
+                </button>
               {% elif m_doc["processState"] == "complete" %}
 
               {% endif %}
-- 
GitLab