Fix linked image block style/behaviour

Fix #308
sveltia · Jan 16, 2025 · 8b6521f · 8b6521f
1 parent 4ebb7d2
commit 8b6521f
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/lib/components/contents/details/widgets/markdown/component.svelte b/src/lib/components/contents/details/widgets/markdown/component.svelte
@@ -82,7 +82,9 @@
       size="small"
       iconic
       aria-label={$_('remove')}
-      onclick={() => {
+      onclick={(event) => {
+        event.preventDefault();
+        event.stopPropagation();
         onChange(new CustomEvent('remove'));
       }}
     >
@@ -124,8 +126,10 @@
 
 <style lang="scss">
   .wrapper {
+    display: inline-block; // Cancel underline if the component is within a link
     border: 1px solid var(--sui-secondary-border-color);
     border-radius: 4px;
+    color: var(--sui-secondary-foreground-color); // Reset color within a link
     background-color: var(--sui-primary-background-color);
     white-space: normal;
     -webkit-user-select: none;