From 6c37e4ce89b23832eab0525626c648db144b4804 Mon Sep 17 00:00:00 2001
From: loma-one <44441246+loma-one@users.noreply.github.com>
Date: Wed, 12 Feb 2025 18:15:44 +0100
Subject: [PATCH] Fix Hovercard

---
 bookface - loma/dark/bookface_dark.css   | 28 ++++++++++++++++++++++++
 bookface - loma/light/bookface_light.css | 25 +++++++++++++++++++++
 2 files changed, 53 insertions(+)

diff --git a/bookface - loma/dark/bookface_dark.css b/bookface - loma/dark/bookface_dark.css
index b2f0920..d09e7ec 100644
--- a/bookface - loma/dark/bookface_dark.css	
+++ b/bookface - loma/dark/bookface_dark.css	
@@ -262,6 +262,34 @@ header #banner #logo-img::before {
     min-width: 250px !important;
 }
 
+.popover.hovercard {
+    border: 1px solid var(--nav-bg) !important;
+    -webkit-box-shadow: 0 10px 100px rgba(255, 255, 255, 0.25);
+    -moz-box-shadow: 0 10px 100px rgba(255, 255, 255, 0.25);
+    box-shadow: 0 10px 100px rgba(255, 255, 255, 0.25);
+}
+
+.hover-card-footer {
+    border-color: #333;
+    background-color: var(--nav-bg);
+}
+
+.hovercard.top > .arrow::after {
+    border-top-color: var(--nav-bg);
+}
+
+.hovercard.right > .arrow::after {
+    border-right-color: var(--nav-bg);
+}
+
+.hovercard.bottom > .arrow::after {
+    border-bottom-color: var(--nav-bg);
+}
+
+.hovercard.left > .arrow::after {
+    border-left-color: var(--nav-bg);
+}
+
 .nav-pills .dropdown-menu li a,
 .nav-pills .dropdown-menu li .btn-link,
 .nav-tabs .dropdown-menu li a,
diff --git a/bookface - loma/light/bookface_light.css b/bookface - loma/light/bookface_light.css
index 625398d..f9d1773 100644
--- a/bookface - loma/light/bookface_light.css	
+++ b/bookface - loma/light/bookface_light.css	
@@ -370,6 +370,31 @@ header #banner #logo-img::before {
 	margin-top: 10px;
 }
 
+.popover.hovercard {
+	border: 1px solid var(--nav-bg) !important;
+}
+
+.hover-card-footer {
+	border-color: #ccc;
+	background-color: var(--nav-bg);
+}
+
+.hovercard.top > .arrow::after {
+	border-top-color: var(--nav-bg);
+}
+
+.hovercard.right > .arrow::after {
+	border-right-color: var(--nav-bg);
+}
+
+.hovercard.bottom > .arrow::after {
+	border-bottom-color: var(--nav-bg);
+}
+
+.hovercard.left > .arrow::after {
+	border-left-color: var(--nav-bg);
+}
+
 .settings-submit, button[type="submit"] {
 	background-color: #f2f2f2 !important;
 	color: var(--font-color) !important;