Radish alpha
r
radicle-explorer
rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5
Radicle web interface
Radicle
Git
Commits › 5ccce43
feat(web): Display assignees as nodes
Samuel Shuert committed 1 year ago
commit 5ccce437ab7882056d94ba5436f0bc53e16adb16
parent d37ccde
2 files changed +9 -9
modified src/views/repos/Cob/Assignees.svelte
@@ -1,7 +1,5 @@
<script lang="ts">
- 
  import type { BaseUrl, Reaction } from "@http-client";
-
- 
  import Badge from "@app/components/Badge.svelte";
+ 
  import type { Reaction, BaseUrl } from "@http-client";

  import NodeId from "@app/components/NodeId.svelte";



  export let baseUrl: BaseUrl;
@@ -17,6 +15,7 @@
    display: flex;

    flex-wrap: wrap;

    flex-direction: row;
+ 
    width: 100%;

    gap: 0.5rem;

    font-size: var(--font-size-small);

  }
@@ -34,7 +33,8 @@
      align-items: center;

    }

    .body {
- 
      align-items: flex-start;
+ 
      align-items: center;
+ 
      align-self: center;

    }

    .no-assignees {

      height: 2rem;
@@ -47,10 +47,10 @@
<div class="wrapper">

  <div class="header">Assignees</div>

  <div class="body">
- 
    {#each assignees as { alias, id }}
- 
      <Badge variant="neutral" size="small">
+ 
    {#each assignees as { id, alias }}
+ 
      <div>

        <NodeId {baseUrl} nodeId={id} {alias} />
- 
      </Badge>
+ 
      </div>

    {:else}

      <div class="txt-missing no-assignees">No assignees</div>

    {/each}
modified src/views/repos/Issue.svelte
@@ -205,7 +205,7 @@
          <div

            style:margin-top="2rem"

            style="display: flex; flex-direction: column; gap: 0.5rem;">
- 
            <Assignees {baseUrl} assignees={issue.assignees} />
+ 
            <Assignees assignees={issue.assignees} {baseUrl} />

            <Labels labels={issue.labels} />

            <Embeds embeds={uniqueEmbeds} />

          </div>
@@ -248,7 +248,7 @@
      </div>

    </div>

    <div class="metadata global-hide-on-medium-desktop-down">
- 
      <Assignees {baseUrl} assignees={issue.assignees} />
+ 
      <Assignees assignees={issue.assignees} {baseUrl} />

      <Labels labels={issue.labels} />

      <Embeds embeds={uniqueEmbeds} />

    </div>