diff options
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/APITypes.d.ts | 1 | ||||
| -rw-r--r-- | src/lib/Tooltip.svelte | 6 |
2 files changed, 5 insertions, 2 deletions
diff --git a/src/lib/APITypes.d.ts b/src/lib/APITypes.d.ts index b0deee0..328f4cd 100644 --- a/src/lib/APITypes.d.ts +++ b/src/lib/APITypes.d.ts @@ -97,6 +97,7 @@ export interface CleanBasicProfile { export interface AccountCustomization { backgroundUrl?: string pack?: string + blurBackground?: boolean emoji?: string } diff --git a/src/lib/Tooltip.svelte b/src/lib/Tooltip.svelte index b354d42..14fa90d 100644 --- a/src/lib/Tooltip.svelte +++ b/src/lib/Tooltip.svelte @@ -4,9 +4,12 @@ A tooltip that works without requiring JavaScript to be enabled. When you hover or click on the element, it shows the content in a box above the element. --> +<script lang="ts"> + export let width = '10em' +</script> <span class="tooltip-container" tabindex="-1"> - <span class="tooltip-content"> + <span class="tooltip-content" style="max-width: {width}"> <slot name="tooltip">No tooltip!</slot> </span> <span class="tooltip-inner"> @@ -47,7 +50,6 @@ width: max-content; text-align: center; - max-width: 10em; cursor: auto; box-shadow: 0 0 1em 0.5em #0002; pointer-events: none; |