fix: add faster tooltip

ast-grep · Jul 2, 2024 · a0349e2 · a0349e2
1 parent b0f38d0
commit a0349e2
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/website/src/components/Toolbars.vue b/website/src/components/Toolbars.vue
@@ -65,6 +65,31 @@ watch(() => props.state, state => {
 .floating:active {
   color: var(--vp-c-brand);
 }
+
+@media only screen and (min-width: 780px) {
+  [title] {
+    position: relative;
+  }
+
+  [title]:after {
+    content: attr(title);
+    position: absolute;
+    left: -10%;
+    bottom: 50%;
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 0.25em 0.5em;
+    font-size: 10px;
+    width: max-content;
+    opacity: 0;
+    transform: translate(-100%, 50%);
+    transition: 0.2s;
+    border-radius: 5px;
+  }
+
+  [title]:hover:after {
+    opacity: 1;
+  }
+}
 .switch {
   display: none;
   border-radius: 5px 5px 0px 0px;