Design Polish III — radicle-explorer

rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5

Radicle web interface

Design Polish III

Merged did:key:z6MkfgZK...5YMm opened 2 years ago

4 files changed +27 -23 f833fc50 → 25b61573

modified src/lib/utils.ts

@@ -86,11 +86,11 @@ export function formatCommit(oid: string): string {

 }
 export function formatEditedCaption(lastEdit: Comment["edits"][0]) {
   return ` ${
   return `${
     lastEdit.author.alias
       ? lastEdit.author.alias
       : formatNodeId(lastEdit.author.id)
   } edited ${formatTimestamp(lastEdit.timestamp / 1000)}`;
   } edited ${absoluteTimestamp(lastEdit.timestamp)}`;
 }
 export function baseUrlToUrl(baseUrl: BaseUrl): URL {

modified src/views/projects/Issue.svelte

@@ -444,6 +444,8 @@

     align-items: center;
     flex-wrap: nowrap;
     gap: 0.5rem;
     font-family: var(--font-family-sans-serif);
     font-size: var(--font-size-small);
   }
   .author-metadata {
     color: var(--color-fill-gray);

@@ -506,15 +508,17 @@

                 Edit
               </Button>
             {/if}
             <Share {preferredSeeds} {publicExplorer} {baseUrl} />
             {#if session && role.isDelegateOrAuthor(session.publicKey, project.delegates, issue.author.id)}
               <CobStateButton
                 items={items.filter(
                   ([, state]) => !isEqual(state, issue.state),
                 )}
                 {selectedItem}
                 state={issue.state}
                 save={partial(saveStatus, session.id)} />
             {#if issueState === "read"}
               <Share {preferredSeeds} {publicExplorer} {baseUrl} />
               {#if session && role.isDelegateOrAuthor(session.publicKey, project.delegates, issue.author.id)}
                 <CobStateButton
                   items={items.filter(
                     ([, state]) => !isEqual(state, issue.state),
                   )}
                   {selectedItem}
                   state={issue.state}
                   save={partial(saveStatus, session.id)} />
               {/if}
             {/if}
           </div>
         </svelte:fragment>

modified src/views/projects/Patch.svelte

@@ -743,13 +743,17 @@

               Edit
             </Button>
           {/if}
           <Share {preferredSeeds} {publicExplorer} {baseUrl} />
           {#if session && role.isDelegateOrAuthor(session.publicKey, project.delegates, patch.author.id)}
             <CobStateButton
               items={items.filter(([, state]) => !isEqual(state, patch.state))}
               {selectedItem}
               state={patch.state}
               save={partial(saveStatus, session.id)} />
           {#if patchState === "read"}
             <Share {preferredSeeds} {publicExplorer} {baseUrl} />
             {#if session && role.isDelegateOrAuthor(session.publicKey, project.delegates, patch.author.id)}
               <CobStateButton
                 items={items.filter(
                   ([, state]) => !isEqual(state, patch.state),
                 )}
                 {selectedItem}
                 state={patch.state}
                 save={partial(saveStatus, session.id)} />
             {/if}
           {/if}
         </svelte:fragment>
         <svelte:fragment slot="state">

modified src/views/projects/Source/Blob.svelte

@@ -12,7 +12,6 @@

   import Button from "@app/components/Button.svelte";
   import File from "@app/components/File.svelte";
   import FilePath from "@app/components/FilePath.svelte";
   import IconSmall from "@app/components/IconSmall.svelte";
   import InlineMarkdown from "@app/components/InlineMarkdown.svelte";
   import Link from "@app/components/Link.svelte";
   import Markdown from "@app/components/Markdown.svelte";

@@ -220,10 +219,7 @@

         </Radio>
       {/if}
       <a href="{rawPath}/{blob.path}">
         <Button variant="gray-white">
           Raw
           <IconSmall name="arrow-box-up-right" />
         </Button>
         <Button variant="gray-white">Raw</Button>
       </a>
     </div>
   </svelte:fragment>