From e6df496eb7ba6c47f7f2a8ff71dfe6817f81a5ed Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Wed, 3 Jul 2024 17:49:27 +0800
Subject: [PATCH] Add tooltip styling

---
 src/assets/css/components.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/assets/css/components.css b/src/assets/css/components.css
index eeddd770..258c84e1 100644
--- a/src/assets/css/components.css
+++ b/src/assets/css/components.css
@@ -128,6 +128,19 @@
 
 p + .adoptables { margin-top: 1em; }
 
+/* Tooltips */
+.tooltip { display: none; }
+.tipcontainer { position: relative; }
+
+.tipactivator:hover + .tooltip,
+.tipactivator:focus + .tooltip {
+    display: inline-block;
+    position: absolute;
+    background-color: var(--clr-quote-bg);
+    border: 0.15em solid var(--clr-title-border);
+    padding: 0.25em 0.5em;
+}
+
 /* Web button lists */
 .web-btn-wrapper {
     display: flex;