Radish alpha
r
rad:z4D5UCArafTzTQpDZNQRuqswh3ury
Radicle desktop app
Radicle
Git
Fix thread reply overflow
Draft rudolfs opened 1 year ago

This also fixes the top-level comment corners when the reply textarea is open but there are no other replies.

check check-e2e

👉 Workflow runs 👉 Branch on GitHub

Screenshot 2025-02-21 at 15.26.29.png

2 files changed +2 -5 31b2d9a9 52087691
modified src/components/Border.svelte
@@ -38,7 +38,7 @@
    styleCursor = "default",
    styleGap = "0.5rem",
    styleMinWidth,
-
    styleOverflow,
+
    styleOverflow = "hidden",
    flatTop = false,
    flatBottom = false,
    styleBackgroundColor = "var(--color-background-default)",
modified src/components/Thread.svelte
@@ -65,7 +65,7 @@
  const root = $derived(thread.root);
  const replies = $derived(thread.replies);
  const style = $derived(
-
    replies.length > 0
+
    replies.length > 0 || showReplyForm
      ? "--local-clip-path: var(--2px-top-corner-fill)"
      : "--local-clip-path: var(--2px-corner-fill)",
  );
@@ -144,11 +144,9 @@
              disallowEmptyBody
              {submitInProgress}
              {rid}
-
              inline
              placeholder="Reply to comment"
              submitCaption="Reply"
              focus
-
              stylePadding="0.5rem 0.75rem"
              close={() => (showReplyForm = false)}
              submit={async ({ comment, embeds }) => {
                try {
@@ -165,7 +163,6 @@
              }} />
          </div>
        {/if}
-
        <div></div>
      </div>
    </Border>
  {/if}