chore: Rename data-tooltip to tooltip-content

alexhua · Nov 10, 2023 · 587a706 · 587a706
1 parent 92660a2
commit 587a706
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/css/options.css b/css/options.css
@@ -132,7 +132,7 @@ a:hover>.fa-lightbulb,
 
 .tool-tip::before {
   visibility: hidden;
-  content: attr(data-tooltip);
+  content: attr(tooltip-content);
   position: absolute;
   z-index: 5;
   bottom: 120%;
@@ -165,7 +165,7 @@ a:hover>.fa-lightbulb,
 .rpcGroup>.input-group::before {
   visibility: hidden;
   opacity: 0;
-  content: attr(data-tooltip);
+  content: attr(tooltip-content);
   transition: opacity .2s ease-in .3s;
 }
 

diff --git a/js/options.js b/js/options.js
@@ -70,7 +70,7 @@ var Configs =
             const input = event.target;
             input.classList.remove("is-invalid", "is-valid", "is-warning");
             input.parentElement.classList.remove('tool-tip');
-            input.parentElement.removeAttribute("data-tooltip");
+            input.parentElement.removeAttribute("tooltip-content");
             let result = validator[input.type](input.value);
             if (result == "VALID") {
                 input.classList.add("is-valid");
@@ -80,7 +80,7 @@ var Configs =
                 input.classList.add("is-valid", "is-warning");
                 input.parentElement.classList.add("tool-tip");
                 let tooltip = chrome.i18n.getMessage("RpcUrlTooltipWarnDes");
-                input.parentElement.setAttribute("data-tooltip", tooltip);
+                input.parentElement.setAttribute("tooltip-content", tooltip);
             }
         };
 
@@ -98,7 +98,7 @@ var Configs =
             if (Utils.validateRpcUrl(rpcList[i].url) == "WARNING") {
                 let tooltip = chrome.i18n.getMessage("RpcUrlTooltipWarnDes");
                 $("#rpcItem-" + i).addClass('tool-tip');
-                $("#rpcItem-" + i).attr("data-tooltip", tooltip);
+                $("#rpcItem-" + i).attr("tooltip-content", tooltip);
                 $("#rpcUrl-" + i).addClass('is-warning');
             }
         }

diff --git a/options.html b/options.html
@@ -43,7 +43,7 @@
         <label class="col-sm-2 text-info"><i class="fa-solid fa-download"></i>
           __MSG_downloadCaptureStr__</label>
         <div class="col-sm-10">
-          <div class="input-group custom-control-inline custom-switch tool-tip tool-tip-icon" data-tooltip="⌨: Alt + A">
+          <div class="input-group custom-control-inline custom-switch tool-tip tool-tip-icon" tooltip-content="⌨: Alt + A">
             <input class="custom-control-input" type="checkbox" id="integration">
             <label class="custom-control-label" for="integration">
               __MSG_downloadCaptureDes__
@@ -86,7 +86,7 @@
               __MSG_monitorAria2Des__
             </label>
           </div>
-          <div id="monitor-all" class="custom-control custom-switch tool-tip tool-tip-icon" data-tooltip="__MSG_monitorAllTips__">
+          <div id="monitor-all" class="custom-control custom-switch tool-tip tool-tip-icon" tooltip-content="__MSG_monitorAllTips__">
             <input class="custom-control-input" type="checkbox" id="monitorAll">
             <label class="custom-control-label" for="monitorAll">
               __MSG_monitorAllDes__
@@ -175,9 +175,9 @@
         <label class="col-sm-2 text-info"><i class="fa-solid fa-rotate"></i>
           __MSG_configCloudSync__</label>
         <div class="col-sm-auto">
-          <button type="button" class="btn btn-primary mx-1 tool-tip" id="upload" data-tooltip="⌨: Alt + U"><i class="fa-solid fa-cloud-arrow-up"></i>
+          <button type="button" class="btn btn-primary mx-1 tool-tip" id="upload" tooltip-content="⌨: Alt + U"><i class="fa-solid fa-cloud-arrow-up"></i>
             __MSG_upload__</button>
-          <button type="button" class="btn btn-primary mx-1 tool-tip" id="download" data-tooltip="⌨: Alt + J"><i class="fa-solid fa-cloud-arrow-down"></i>
+          <button type="button" class="btn btn-primary mx-1 tool-tip" id="download" tooltip-content="⌨: Alt + J"><i class="fa-solid fa-cloud-arrow-down"></i>
             __MSG_download__</button>
           <em>(__MSG_configCloudSyncDes__)</em>
           <span class="alert" id="sync-result"></span>
@@ -196,9 +196,9 @@
           </span>
 
           <span class="text-center">
-            <button  type="submit" class="btn btn-success mr-5 tool-tip" id="save" data-tooltip="⌨: Alt + S"><i class="fa-regular fa-circle-check"></i>
+            <button  type="submit" class="btn btn-success mr-5 tool-tip" id="save" tooltip-content="⌨: Alt + S"><i class="fa-regular fa-circle-check"></i>
               __MSG_Save__</button>
-            <button type="reset" class="btn btn-warning mx-5 tool-tip" id="reset" data-tooltip="⌨: Alt + R"><i class="fa-regular fa-circle-xmark"></i>
+            <button type="reset" class="btn btn-warning mx-5 tool-tip" id="reset" tooltip-content="⌨: Alt + R"><i class="fa-regular fa-circle-xmark"></i>
               __MSG_Reset__</button>
           </span>