Skip to content

Instantly share code, notes, and snippets.

@codebrainz
Created December 29, 2022 06:34
Show Gist options
  • Save codebrainz/3bb4ff4944b6d0788b6fcf34f01edd5c to your computer and use it in GitHub Desktop.
Save codebrainz/3bb4ff4944b6d0788b6fcf34f01edd5c to your computer and use it in GitHub Desktop.
diff --git a/src/client/pages/graphics.svelte b/src/client/pages/graphics.svelte
index 427638c..b2af00f 100644
--- a/src/client/pages/graphics.svelte
+++ b/src/client/pages/graphics.svelte
@@ -38,7 +38,7 @@
<!-- Per Bundle; this sets the name -->
<div class="font-bold wrapper-title bg-primary text-primary-content rounded-tl-lg border-neutral-focus border-1 p-1">
<span class="text-xl">{bundle.name}</span>
- <div class="tooltip tooltip-bottom z-20" data-tip="Reload all graphics in this bundle">
+ <div class="tooltip tooltip-bottom" data-tip="Reload all graphics in this bundle">
<button class="btn btn-xs btn-primary" aria-label="Reload All Graphics">
<Icon name={'rotate-right'} size="0.75rem" />
</button>
@@ -61,13 +61,13 @@
<!-- Two buttons -->
<div class="flex ml-2">
- <div class="tooltip tooltip-bottom z-10" data-tip="Copy URL">
+ <div class="tooltip tooltip-bottom" data-tip="Copy URL">
<button class="btn btn btn-circle btn-primary ml-1" aria-label="Copy URL">
<Icon name={'chain'} size="1rem" />
</button>
</div>
- <div class="tooltip tooltip-bottom z-10" data-tip="Reload this graphic">
+ <div class="tooltip tooltip-bottom" data-tip="Reload this graphic">
<button class="btn btn btn-circle btn-primary ml-1" aria-label="Reload this graphic">
<Icon name={'rotate-right'} size="1rem" />
</button>
@@ -91,4 +91,8 @@
display: grid;
grid-template-columns: auto min-content;
}
-</style>
\ No newline at end of file
+
+ :global(.tooltip::before) {
+ z-index: 1;
+ }
+</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment