refactor: time input labels on hover (#1855)

2026-08-15 04:13:47 +00:00 · 2025-11-11 11:12:55 +05:30
parent 47ba90f191
commit 70846aefbe
4 changed files with 44 additions and 4 deletions
@@ -15,3 +15,26 @@
 .active {
  color: $active-indicator;
 }
+
+.inputWrapper {
+  position: relative;
+}
+
+.hoverLabel {
+  position: absolute;
+  top: -1.5rem;
+  background-color: $ui-white;
+  padding: 0.125rem 0.5rem;
+  color: $ui-black;
+  left: 0;
+  opacity: 0;
+  border-radius: $component-border-radius-md;
+  transition: opacity 0.15s ease;  // no delay on fade out
+  pointer-events: none;
+  z-index: $zindex-floating;
+
+  &.visible {
+    opacity: 1;
+    transition: opacity 0.15s 0.5s ease; // small delay before fade in
+  }
+}