From a0349e227fceb422cd3dc12e98730963829fc174 Mon Sep 17 00:00:00 2001
From: HerrintonDarkholme
 <2883231+HerringtonDarkholme@users.noreply.github.com>
Date: Mon, 1 Jul 2024 20:48:08 -0700
Subject: [PATCH] fix: add faster tooltip

---
 website/src/components/Toolbars.vue | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/website/src/components/Toolbars.vue b/website/src/components/Toolbars.vue
index abd1f3c9..a6121211 100644
--- 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;