Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Shorten the commit/issue/patch ID on small desktop screens
Rūdolfs Ošiņš committed 1 year ago
commit 02db25ac20af34b0325729c7e121821a02e0e49f
parent 0e059bf3cbc0c7664e87ae2813a920b1f33b4e0c
2 files changed +21 -5
modified src/App/Header/Breadcrumbs.svelte
@@ -13,7 +13,8 @@
  .breadcrumbs {

    display: flex;

    align-items: center;
- 
    gap: 0.25rem;
+ 
    column-gap: 0.25rem;
+ 
    line-height: 1rem;

    font-weight: var(--font-weight-semibold);

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

    white-space: nowrap;
modified src/App/Header/Breadcrumbs/ProjectSegment.svelte
@@ -1,7 +1,7 @@
<script lang="ts">

  import type { ProjectLoadedRoute } from "@app/views/projects/router";
- 
  import { unreachable } from "@app/lib/utils";
+ 
  import { formatObjectId, unreachable } from "@app/lib/utils";



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

  import IconSmall from "@app/components/IconSmall.svelte";
@@ -97,16 +97,31 @@
{#if activeRoute.resource === "project.commit"}

  <Separator />

  <span class="id">
- 
    {activeRoute.params.commit.commit.id}
+ 
    <div class="global-hide-on-small-desktop-down">
+ 
      {activeRoute.params.commit.commit.id}
+ 
    </div>
+ 
    <div class="global-hide-on-medium-desktop-up">
+ 
      {formatObjectId(activeRoute.params.commit.commit.id)}
+ 
    </div>

  </span>

{:else if activeRoute.resource === "project.issue"}

  <Separator />

  <span class="id">
- 
    {activeRoute.params.issue.id}
+ 
    <div class="global-hide-on-small-desktop-down">
+ 
      {activeRoute.params.issue.id}
+ 
    </div>
+ 
    <div class="global-hide-on-medium-desktop-up">
+ 
      {formatObjectId(activeRoute.params.issue.id)}
+ 
    </div>

  </span>

{:else if activeRoute.resource === "project.patch"}

  <Separator />

  <span class="id">
- 
    {activeRoute.params.patch.id}
+ 
    <div class="global-hide-on-small-desktop-down">
+ 
      {activeRoute.params.patch.id}
+ 
    </div>
+ 
    <div class="global-hide-on-medium-desktop-up">
+ 
      {formatObjectId(activeRoute.params.patch.id)}
+ 
    </div>

  </span>

{/if}