Radish alpha
r
radicle-explorer
rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5
Radicle web interface
Radicle
Git
Patches › 50090f03
Add a link to radicle.dev to the node sidebar footer
Merged rudolfs opened 1 day ago

check check-visual check-unit-test check-http-client-unit-test check-radicle-httpd check-e2e check-build check-http 👉 Workflow runs 👉 Branch on GitHub

Activity Changes +44 -10
3 files changed +44 -10 9e9a799c → dbe0ed7f
modified src/components/Header.svelte
@@ -3,6 +3,7 @@
  import Help from "@app/App/Help.svelte";

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

  import IconButton from "@app/components/IconButton.svelte";
+ 
  import Link from "@app/components/Link.svelte";

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

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

</script>
@@ -38,15 +39,12 @@
<div class="header-container">

  <div class="left-section">

    {#if !$$slots.breadcrumbs}
- 
      <a
- 
        style:display="flex"
- 
        style:align-items="center"
- 
        style:gap="0.25rem"
- 
        target="_blank"
- 
        rel="noreferrer"
- 
        href="https://radicle.dev">
+ 
      <Link
+ 
        ariaLabel="Home"
+ 
        route={{ resource: "nodes", params: undefined }}
+ 
        style="height: 1rem; display: flex; align-items: center;">

        <Logo />
- 
      </a>
+ 
      </Link>

    {/if}

    <slot name="breadcrumbs" />

  </div>
modified src/views/nodes/View.svelte
@@ -30,8 +30,18 @@
</script>



<style>
+ 
  .sidebar-wrapper {
+ 
    display: flex;
+ 
    flex-direction: column;
+ 
    min-height: 100%;
+ 
  }
+ 


  .sidebar {

    padding: 1rem;
+ 
    display: flex;
+ 
    flex-direction: column;
+ 
    gap: 1rem;
+ 
    flex: 1;

  }



  .sidebar-content {
@@ -40,6 +50,25 @@
    flex-direction: column;

  }
+ 
  .footer {
+ 
    margin-top: auto;
+ 
    padding-top: 1rem;
+ 
    font: var(--txt-body-m-regular);
+ 
    color: var(--color-text-tertiary);
+ 
  }
+
+ 
  .footer a {
+ 
    color: var(--color-text-tertiary);
+ 
    text-decoration: none;
+ 
    display: inline-flex;
+ 
    align-items: center;
+ 
    gap: 0.25rem;
+ 
  }
+
+ 
  .footer a:hover {
+ 
    text-decoration: underline;
+ 
  }
+ 


  .description {

    word-break: break-word;

  }
@@ -65,7 +94,7 @@
</style>



<Layout>
- 
  <div slot="sidebar">
+ 
  <div slot="sidebar" class="sidebar-wrapper">

    {#if node.bannerUrl}

      <img style:width="100%" alt="Node banner" src={node.bannerUrl} />

    {/if}
@@ -141,6 +170,13 @@
          </div>

        </div>

      </div>
+
+ 
      <div class="footer">
+ 
        <a href="https://radicle.dev" target="_blank" rel="noreferrer">
+ 
          Learn more about Radicle
+ 
          <Icon name="open-external" />
+ 
        </a>
+ 
      </div>

    </div>

  </div>
modified tests/e2e/node.spec.ts
@@ -166,7 +166,7 @@ test("edit seed bookmarks", async ({ page }) => {
  await expect(page.locator(".dropdown > .dropdown-item")).toHaveCount(2);



  // Test that new seed is persisted and opened when we go to the landing page.
- 
  await page.goto("/");
+ 
  await page.getByRole("link", { name: "Home" }).click();

  await expect(page.getByText("seed.example.tld").first()).toBeVisible();



  // Test removing a bookmark.