Radish alpha
r
radicle-desktop
rad:z4D5UCArafTzTQpDZNQRuqswh3ury
Radicle desktop app
Radicle
Git
Patches › 4ab4e31c
Issue UI fixes
Open rudolfs opened 1 year ago

Fixes this issue.

check check-e2e

👉 Workflow runs 👉 Branch on GitHub

Activity Changes +16 -19
4 files changed +16 -19 d6d9c43e → bec0404b
modified src/components/Comment.svelte
@@ -100,7 +100,7 @@
    min-height: 1.625rem;

    word-wrap: break-word;

    font-size: var(--font-size-small);
- 
    padding: 0 1rem;
+ 
    padding: 0 0.75rem;

  }

  .actions {

    display: flex;
modified src/components/ExtendedTextarea.svelte
@@ -217,14 +217,6 @@
    gap: 0.5rem;

  }
- 
  .caption {
- 
    font-size: var(--font-size-small);
- 
    color: var(--color-fill-gray);
- 
    display: flex;
- 
    flex-wrap: wrap;
- 
    align-items: flex-start;
- 
    gap: 0.25rem;
- 
  }

  .preview {

    width: 100%;

    font-size: var(--font-size-small);
@@ -268,13 +260,15 @@
      <span class="global-hide-on-small-desktop-down">Discard</span>

    </OutlineButton>

    {#if !preview}
- 
      <div class="caption">
+ 
      <div
+ 
        class="txt-overflow txt-small txt-missing"
+ 
        title={`Drag and drop files to add them. Markdown is supported. Press ${utils.modifierKey()}↵ to submit.`}>

        Drag and drop files to add them.
- 
        <div style="display: flex; align-items: center; gap: 0.25rem;">
- 
          <Icon name="markdown" />
- 
          Markdown is supported.
- 
        </div>
- 
        Press {utils.modifierKey()}↵ to submit.
+ 
        <Icon
+ 
          name="markdown"
+ 
          styleDisplay="inline"
+ 
          styleVerticalAlign="text-top" />
+ 
        Markdown is supported. Press {utils.modifierKey()}↵ to submit.

      </div>

    {/if}

    <div class="buttons">
modified src/components/Icon.svelte
@@ -5,6 +5,8 @@
    size?: "16" | "32";

    onclick?: () => void;

    disabled?: boolean;
+ 
    styleDisplay?: string;
+ 
    styleVerticalAlign?: string;

    name:

      | "attachment"

      | "arrow-left"
@@ -50,12 +52,13 @@
    onclick = undefined,

    name,

    disabled = false,
+ 
    styleDisplay = "flex",
+ 
    styleVerticalAlign = undefined,

  }: Props = $props();

</script>



<style>

  svg {
- 
    display: flex;

    flex-shrink: 0;

    -webkit-touch-callout: none;

    -webkit-user-select: none;
@@ -76,6 +79,8 @@
<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->

<svg

  style:cursor={onclick && !disabled ? "pointer" : "inherit"}
+ 
  style:display={styleDisplay}
+ 
  style:vertical-align={styleVerticalAlign}

  class:hoverable={onclick}

  class:disabled

  role="img"
modified src/views/repo/Issue.svelte
@@ -335,11 +335,10 @@
  }

  .connector {

    width: 2px;
- 
    height: 1.5rem;
+ 
    height: 1rem;

    margin-left: 1.25rem;

    background-color: var(--color-background-float);

  }
- 


  .title-icons {

    display: flex;

    gap: 1rem;
@@ -347,7 +346,6 @@
    align-items: center;

    height: 40px;

  }
- 


  .metadata-divider {

    width: 2px;

    background-color: var(--color-fill-ghost);