Radish alpha
r
radicle-desktop
Radicle desktop app
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Link peer breadcrumb to home screen
✓ CI success Rūdolfs Ošiņš committed 1 year ago
commit 4f63f9e87f8faf4e8709c44ec0ba9f486ee2965d
parent 44dae6bc12a8a1e725d2d2fefeefdf6ce711c0ba
1 passed (1 total) View logs
4 files changed +27 -18
modified src/components/Header.svelte
@@ -50,6 +50,11 @@
      0 calc(100% - 6px)

    );

  }
+ 
  .breadcrumbs {
+ 
    gap: 0.5rem;
+ 
    margin-left: 1rem;
+ 
    min-height: 1.5rem;
+ 
  }

</style>



<div class="header global-flex">
@@ -102,11 +107,7 @@
        </Popover>

      </div>

    </div>
- 
    <div
- 
      class="global-flex txt-tiny txt-semibold"
- 
      style:gap="0.5rem"
- 
      style:margin-left="1rem"
- 
      style:min-height="1.5rem">
+ 
    <div class="global-flex txt-tiny txt-semibold breadcrumbs">

      <slot name="breadcrumbs" />

    </div>

  </div>
modified src/components/Link.svelte
@@ -18,7 +18,7 @@


<style>

  a {
- 
    color: var(--color-fill-secondary);
+ 
    color: var(--color-foreground-contrast);

    text-decoration: none;

  }

  a:hover {
modified src/views/repo/Issues.svelte
@@ -3,8 +3,10 @@
  import type { Issue } from "@bindings/Issue";

  import type { RepoInfo } from "@bindings/RepoInfo";
- 
  import Icon from "@app/components/Icon.svelte";

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

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



  export let repo: RepoInfo;
@@ -16,11 +18,13 @@


<Layout {repo}>

  <svelte:fragment slot="breadcrumbs">
- 
    <NodeId
- 
      nodeId={config.publicKey}
- 
      alias={config.alias}
- 
      styleFontFamily="var(--font-family-sans-serif)"
- 
      styleFontSize="var(--font-size-tiny)" />
+ 
    <Link route={{ resource: "home" }}>
+ 
      <NodeId
+ 
        nodeId={config.publicKey}
+ 
        alias={config.alias}
+ 
        styleFontFamily="var(--font-family-sans-serif)"
+ 
        styleFontSize="var(--font-size-tiny)" />
+ 
    </Link>

    <Icon name="chevron-right" />

    {project.data.name}

    <Icon name="chevron-right" />
modified src/views/repo/Patches.svelte
@@ -3,8 +3,10 @@
  import type { Patch } from "@bindings/Patch";

  import type { RepoInfo } from "@bindings/RepoInfo";
- 
  import Icon from "@app/components/Icon.svelte";

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

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



  export let repo: RepoInfo;
@@ -16,11 +18,13 @@


<Layout {repo}>

  <svelte:fragment slot="breadcrumbs">
- 
    <NodeId
- 
      nodeId={config.publicKey}
- 
      alias={config.alias}
- 
      styleFontFamily="var(--font-family-sans-serif)"
- 
      styleFontSize="var(--font-size-tiny)" />
+ 
    <Link route={{ resource: "home" }}>
+ 
      <NodeId
+ 
        nodeId={config.publicKey}
+ 
        alias={config.alias}
+ 
        styleFontFamily="var(--font-family-sans-serif)"
+ 
        styleFontSize="var(--font-size-tiny)" />
+ 
    </Link>

    <Icon name="chevron-right" />

    {project.data.name}

    <Icon name="chevron-right" />