Use outline style for hotspots tooltip buttons

REDMINE-20673
codevise · Aug 2, 2024 · 1f2dbea · 1f2dbea
1 parent 82991a5
commit 1f2dbea
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/entry_types/scrolled/package/src/contentElements/hotspots/Tooltip.module.css b/entry_types/scrolled/package/src/contentElements/hotspots/Tooltip.module.css
@@ -117,14 +117,20 @@
   border-radius: 5px;
   text-decoration: none;
   padding: 0.5rem;
-  background-color: var(--theme-widget-primary-color);
-  color: var(--theme-widget-on-primary-color);
+  background-color: transparent;
+  color: inherit;
   margin-top: 1rem;
   font-weight: bold;
+  border: solid 1px color-mix(in srgb, currentColor, transparent);
 }
 
-.dark .link {
-  border: solid 1px rgb(255 255 255 / 5%);
+.link:hover,
+.link:active {
+  border: solid 1px currentColor;
+}
+
+.light .link {
+  color: var(--theme-widget-primary-color);
 }
 
 .box > :first-child .link {