Radish alpha
r
radicle-explorer
rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5
Radicle web interface
Radicle
Git
Patches › a7293dd0
Design Polish VI
Merged did:key:z6MkfgZK...5YMm opened 2 years ago

check check-visual check-unit-test check-httpd-api-unit-test check-e2e check-build

👉 Preview
👉 Workflow runs
👉 Branch on GitHub

Activity Changes +39 -20
6 files changed +39 -20 c75c318f → 69e3a9fb
modified src/components/Badge.svelte
@@ -53,16 +53,16 @@
    background: var(--color-fill-ghost);

  }

  .positive {
- 
    color: var(--color-foreground-match-background);
- 
    background-color: var(--color-fill-success);
+ 
    color: var(--color-foreground-success);
+ 
    background-color: var(--color-fill-diff-green-light);

  }

  .secondary {
- 
    color: var(--color-foreground-match-background);
- 
    background-color: var(--color-fill-secondary);
+ 
    color: var(--color-fill-secondary-hover);
+ 
    background-color: var(--color-fill-counter-emphasized);

  }

  .yellow {
- 
    color: var(--color-foreground-black);
- 
    background-color: var(--color-fill-yellow);
+ 
    color: var(--color-fill-yellow);
+ 
    background-color: var(--color-fill-y);

  }

  .outline {

    border: 1px solid var(--color-border-hint);
modified src/components/IconSmall.svelte
@@ -54,6 +54,7 @@
    | "patch"

    | "plus"

    | "repo"
+ 
    | "seedling"

    | "settings"

    | "share"

    | "user";
@@ -503,6 +504,11 @@
      fill-rule="evenodd"

      clip-rule="evenodd"

      d="M8.3143 2.03576C8.43351 1.98808 8.56649 1.98808 8.6857 2.03576L14.6857 4.43576C14.8755 4.51169 15 4.69555 15 4.9V12.1C15 12.3045 14.8755 12.4883 14.6857 12.5642L8.6857 14.9642C8.56649 15.0119 8.43351 15.0119 8.3143 14.9642L2.3143 12.5642C2.12448 12.4883 2 12.3045 2 12.1V4.9C2 4.69555 2.12448 4.51169 2.3143 4.43576L8.3143 2.03576ZM3 5.63852L8 7.63852V13.7615L3 11.7615V5.63852ZM9 13.7615L14 11.7615V5.63852L9 7.63852V13.7615ZM8.5 6.76148L13.1537 4.9L8.5 3.03852L3.84629 4.9L8.5 6.76148Z" />
+ 
  {:else if name === "seedling"}
+ 
    <path
+ 
      fill-rule="evenodd"
+ 
      clip-rule="evenodd"
+ 
      d="M8.445 11.527c-.137-1.49.08-3.501.96-4.474.925.206 2.777-.43 3.45-1.713.61-1.165.5-2.874.843-3.34-4.026 0-4.693 4.161-5.846 7.278C6.999 6.974 4.324 5.422 2 6.368c.945.654 1.534 2.265 2.814 2.41.403.045 1.135 0 1.618-.91 1.14.926.974 2.048.825 3.662-.06.65-.284 1.27-.252 1.786.048.912 1.646.912 1.694 0 .034-.516-.192-1.136-.252-1.786l-.002-.003z" />

  {:else if name === "settings"}

    <path

      d="M12.5 4C12.5 3.44772 12.0523 3 11.5 3C10.9477 3 10.5 3.44772 10.5 4C10.5 4.55228 10.9477 5 11.5 5H14C14.2761 5 14.5 4.77614 14.5 4.5C14.5 4.22386 14.2761 4 14 4H12.5Z" />
modified src/views/home/components/FilterButton.svelte
@@ -16,9 +16,9 @@
  }[] = [

    {

      value: "all",
- 
      title: "All projects",
+ 
      title: "All seeding",

      description: "Show all projects you’re seeding with your local node.",
- 
      iconName: "globe",
+ 
      iconName: "seedling",

    },

    {

      value: "delegating",
@@ -71,8 +71,8 @@
    slot="toggle"

    on:click={toggle}>

    {#if value === "all"}
- 
      <IconSmall name="globe" />
- 
      All projects
+ 
      <IconSmall name="seedling" />
+ 
      All seeding

    {:else}

      <IconSmall name="badge" />

      Only delegating
modified src/views/home/components/PreferredSeedDropdown.svelte
@@ -34,6 +34,9 @@
    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
+ 
    display: flex;
+ 
    align-items: center;
+ 
    gap: 0.5rem;

  }



  .divider {
@@ -55,7 +58,7 @@
<Popover

  bind:expanded

  popoverPositionTop="2.5rem"
- 
  popoverPositionRight="0"
+ 
  popoverPositionLeft="-0.25rem"

  popoverPadding="0.25rem"

  popoverBorderRadius="var(--border-radius-small)">

  <Button
@@ -65,6 +68,7 @@
    on:click={toggle}

    title="Change peer"

    {disabled}>
+ 
    <IconSmall name="seedling" />

    {preferredSeed.hostname}

    <IconSmall name={expanded ? "chevron-up" : "chevron-down"} />

  </Button>
@@ -82,6 +86,7 @@
            slot="item"

            selected={item.hostname === preferredSeed.hostname}>

            <div class="label">
+ 
              <IconSmall name="seedling" />

              {item.hostname}

            </div>

          </DropdownListItem>
@@ -91,7 +96,9 @@
    <div class="divider" />

    <div class="add-seed-node-instructions txt-small">

      <div class="" style:font-weight="bold">Add a different seed node</div>
- 
      <div class="">Update your preferred seeds in your radicle config.</div>
+ 
      <div class="">
+ 
        Update preferred seeds in your Radicle config and restart httpd.
+ 
      </div>

      <Command fullWidth command="rad config edit" />

    </div>

  </svelte:fragment>
modified src/views/projects/Header/SeedButton.svelte
@@ -94,7 +94,7 @@
<Popover popoverPositionTop="2.5rem" popoverPositionRight="0">

  <Button

    slot="toggle"
- 
    disabled={$experimental ? !canEditSeeding : false}
+ 
    disabled={$experimental ? !canEditSeeding : true}

    let:toggle

    on:click={async () => {

      if ($experimental && !seeding && canEditSeeding) {
@@ -103,15 +103,19 @@
        toggle();

      }

    }}
- 
    variant={seeding ? "secondary-toggle-on" : "secondary-toggle-off"}>
- 
    <IconSmall name="network" />
+ 
    variant={!$experimental
+ 
      ? "outline"
+ 
      : seeding
+ 
        ? "secondary-toggle-on"
+ 
        : "secondary-toggle-off"}>
+ 
    <IconSmall name="seedling" />

    <span class="title-counter">

      {seeding ? "Seeding" : "Seed"}

      <span

        class="counter"

        class:seeding

        class:not-seeding={!seeding}
- 
        class:disabled={$experimental ? !canEditSeeding : false}
+ 
        class:disabled={$experimental ? !canEditSeeding : true}

        style:font-weight="var(--font-weight-regular)">

        {seedCount}

      </span>
@@ -134,7 +138,7 @@
        on:click={async () => {

          await editSeeding();

        }}>
- 
        <IconSmall name="network" />
+ 
        <IconSmall name="seedling" />

        Stop seeding

      </Button>

    {:else}
modified src/views/projects/Header/ShareButton.svelte
@@ -109,7 +109,7 @@
      {#await queryProject(seed.node, seed.project)}

        <li class="seed-item">

          <span class="seed txt-bold">
- 
            <IconSmall name="globe" />
+ 
            <IconSmall name="seedling" />

            <span class="txt-overflow">

              {seed.node.hostname}/{seed.project}

            </span>
@@ -127,7 +127,7 @@
            ? "Not available on this public seed node"

            : ""}>

          <div class="seed txt-bold">
- 
            <IconSmall name="globe" />
+ 
            <IconSmall name="seedling" />

            <span class="txt-overflow">

              {path.replace("/nodes/", "")}

            </span>
@@ -175,7 +175,9 @@
          <div class="txt-bold" style:padding-bottom="0.5rem">

            Add more seed nodes

          </div>
- 
          <div>Update your preferred seeds in your Radicle config.</div>
+ 
          <div>
+ 
            Update preferred seeds in your Radicle config and restart httpd.
+ 
          </div>

        </div>

        <div style="display: flex; gap: 0.5rem; flex-direction: column;">

          <div>Run the following command to locate your config:</div>