Garmelon/gedaechtnas
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix rendering bug by not enlarging buttons

Browse source 
Previously, the buttons left weird smudges when moving the mouse while a
button was enlarged. It appears to be a rendering engine bug (webkit
gtk), since the same does not happen in Firefox/Chromium. This fix
avoids enlarging the buttons so no residue is left behind.
This commit is contained in:
Joscha 2025-02-11 19:10:25 +01:00
parent 47340858b0
commit 7a58ac37f7
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
gdn-app/src/components/CNoteButton.vue
View file

@ -6,8 +6,12 @@ const props = defineProps<{
<template> <template>
<div <div
class="flex select-none items-center rounded-sm border p-0.5 transition hover:scale-110 active:scale-95" class="flex select-none items-center rounded-sm border p-0.5 transition hover:bg-neutral-200 active:scale-95"
:class="props.inverted ? 'border-black bg-black text-white' : 'bg-white text-black'" :class="
props.inverted
? 'border-black bg-black text-white hover:bg-neutral-600'
: 'bg-white text-black'
"
> >
<slot></slot> <slot></slot>
</div> </div>