Add alternative loading indicator for fields (#201)

Mechanical-Advantage · Sep 26, 2024 · 44b1641 · 44b1641
1 parent dbffd5b
commit 44b1641
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 14 deletions.
diff --git a/src/hub/Sidebar.ts b/src/hub/Sidebar.ts
@@ -545,8 +545,9 @@ export default class Sidebar {
       label.appendChild(labelSpan);
       labelSpan.innerText = title;
     }
-    label.style.fontStyle = field.fullKey === null ? "normal" : "italic";
-    label.style.cursor = field.fullKey === null ? "auto" : "grab";
+    if (field.fullKey !== null) {
+      label.classList.add("full-key");
+    }
     if (field.fullKey) {
       {
         let typeWarningSpan = document.createElement("span");

diff --git a/www/hub.css b/www/hub.css
@@ -499,20 +499,14 @@ div.field-item-label {
   text-overflow: clip;
 }
 
-div.field-item-label.loading {
-  animation: Pulse 0.7s ease infinite;
+div.field-item-label.full-key {
+  cursor: grab;
+  font-style: italic;
 }
 
-@keyframes Pulse {
-  10% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.5;
-  }
-  90% {
-    opacity: 1;
-  }
+div.field-item-label.loading {
+  cursor: progress;
+  opacity: 0.5;
 }
 
 div.field-item-label.known > span:first-child {