a11y

Co-Authored-By: Classic298 <27028174+Classic298@users.noreply.github.com>

src/lib/components/common/FileItem.svelte

@@ -183,7 +183,7 @@
 				class=" bg-white text-black border border-gray-50 rounded-full {($settings?.highContrastMode ??
 				false)
 					? ''
-					: 'outline-hidden focus:outline-hidden group-hover:visible invisible transition'}"
+					: 'hover-reveal transition'}"
 				type="button"
 				on:click|stopPropagation={() => {
 					dispatch('dismiss');

src/lib/components/common/Folder.svelte

@@ -174,7 +174,10 @@
 
 					{#if onAdd}
 						<button
-							class="absolute z-10 right-2 invisible group-hover:visible self-center flex items-center dark:text-gray-300"
+							class="absolute z-10 right-2 hover-reveal self-center flex items-center dark:text-gray-300"
+							on:pointerup={(e) => {
+								e.stopPropagation();
+							}}
 							on:click={(e) => {
 								e.stopPropagation();
 								onAdd();

src/lib/components/common/Image.svelte

@@ -80,7 +80,7 @@
 		<div class=" absolute -top-1 -right-1">
 			<button
 				aria-label={$i18n.t('Remove image')}
-				class=" bg-white text-black border border-white rounded-full group-hover:visible invisible transition"
+				class=" bg-white text-black border border-white rounded-full hover-reveal transition"
 				type="button"
 				on:click={() => {
 					onDismiss();