fix(ui): match delete icon size + add cursor-pointer to interactive elements
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
CI / Backend Unit Tests (push) Has been cancelled
CI / E2E Tests (push) Has been cancelled
CI / Unit & Component Tests (pull_request) Has been cancelled
CI / Backend Unit Tests (pull_request) Has been cancelled
CI / E2E Tests (pull_request) Has been cancelled
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
CI / Backend Unit Tests (push) Has been cancelled
CI / E2E Tests (push) Has been cancelled
CI / Unit & Component Tests (pull_request) Has been cancelled
CI / Backend Unit Tests (pull_request) Has been cancelled
CI / E2E Tests (pull_request) Has been cancelled
- Comment delete icon: h-3 w-3 → h-4 w-4 (matches block delete icon) - Add cursor-pointer to: comment delete button, Kommentieren button, block delete button, own-comment click-to-edit text - Add title tooltip on comment delete button Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -266,12 +266,13 @@ onMount(() => {
|
|||||||
{#if isOwn(msg)}
|
{#if isOwn(msg)}
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
class="hover:text-error absolute -right-1 -bottom-1 rounded p-0.5 text-ink-3 transition-colors"
|
class="hover:text-error absolute -right-1 -bottom-1 cursor-pointer rounded p-0.5 text-ink-3 transition-colors"
|
||||||
|
title={m.btn_delete()}
|
||||||
aria-label={m.btn_delete()}
|
aria-label={m.btn_delete()}
|
||||||
onclick={(e) => { e.stopPropagation(); deleteComment(msg.id); }}
|
onclick={(e) => { e.stopPropagation(); deleteComment(msg.id); }}
|
||||||
>
|
>
|
||||||
<svg
|
<svg
|
||||||
class="h-3 w-3"
|
class="h-4 w-4"
|
||||||
fill="none"
|
fill="none"
|
||||||
viewBox="0 0 24 24"
|
viewBox="0 0 24 24"
|
||||||
stroke="currentColor"
|
stroke="currentColor"
|
||||||
|
|||||||
@@ -138,7 +138,7 @@ function handleTextareaMouseUp() {
|
|||||||
{#if !hasComments}
|
{#if !hasComments}
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
class="flex items-center gap-1 text-xs font-medium text-ink-2 transition-colors hover:text-ink"
|
class="flex cursor-pointer items-center gap-1 text-xs font-medium text-ink-2 transition-colors hover:text-ink"
|
||||||
onclick={() => (commentOpen = true)}
|
onclick={() => (commentOpen = true)}
|
||||||
>
|
>
|
||||||
<svg
|
<svg
|
||||||
@@ -188,7 +188,7 @@ function handleTextareaMouseUp() {
|
|||||||
<!-- Delete button -->
|
<!-- Delete button -->
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
class="hover:text-error text-ink-3 transition-colors"
|
class="hover:text-error cursor-pointer text-ink-3 transition-colors"
|
||||||
aria-label={m.btn_delete()}
|
aria-label={m.btn_delete()}
|
||||||
onclick={handleDelete}
|
onclick={handleDelete}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user