d6f3d17 Alignment fix — radicle-explorer

Radicle web interface

Alignment fix

dnlklmn committed 2 years ago

commit d6f3d178055531d6baaee66d79f6fdd031d52765
parent 4c8f64111bb369642799b978502eb204ad48f5a7

3 files changed +23 -18

modified src/components/Comment.svelte

@@ -97,7 +97,7 @@

     align-items: center;
     gap: 0.5rem;
     padding-left: 2.25rem;
     margin-left: -0.5rem;
     margin-left: -0.375rem;
   }
   .timestamp {
     font-size: var(--font-size-small);

modified src/views/projects/Cob/CobCommitTeaser.svelte

@@ -22,6 +22,7 @@

     display: flex;
     font-size: var(--font-size-small);
     align-items: start;
     padding: 0.125rem 0;
   }
   .message {
     align-items: center;

@@ -32,13 +33,15 @@

   .left {
     display: flex;
     gap: 0.5rem;
     padding: 0 0.5rem;
     flex-direction: column;
   }
   .right {
     display: flex;
     align-items: flex-start;
     align-items: center;
     gap: 1rem;
     margin-left: auto;
     margin-top: -0.25rem;
     height: 21px;
   }
   .summary:hover {
     text-decoration: underline;

@@ -64,11 +67,13 @@

         </div>
       </Link>
       {#if commit.description}
         <ExpandButton
           variant="inline"
           on:toggle={() => {
             commitMessageVisible = !commitMessageVisible;
           }} />
         <div style="height: 21px; display: flex; align-items: center;">
           <ExpandButton
             variant="inline"
             on:toggle={() => {
               commitMessageVisible = !commitMessageVisible;
             }} />
         </div>
       {/if}
     </div>
     {#if commitMessageVisible}

@@ -78,7 +83,7 @@

     {/if}
   </div>
   <div class="right">
     <div style="display: flex; gap: 0.5rem; height: 2rem; align-items: center;">
     <div style="display: flex; gap: 0.5rem; height: 21px; align-items: center;">
       <CompactCommitAuthorship {commit} />
       <IconButton title="Browse repo at this commit">
         <Link

modified src/views/projects/Cob/Revision.svelte

@@ -193,14 +193,14 @@

     font-weight: var(--font-weight-medium);
   }
   .revision-data {
     gap: 0.75rem;
     gap: 0.5rem;
     display: flex;
     align-items: center;
     margin-left: auto;
     color: var(--color-foreground-dim);
   }
   .revision-description {
     margin-left: 2rem;
     margin-left: 2.75rem;
   }
   .author-metadata {
     color: var(--color-fill-gray);

@@ -224,7 +224,7 @@

   .authorship-header {
     display: flex;
     align-items: center;
     padding: 0 0.75rem;
     padding: 0 0.5rem;
     height: 1.5rem;
     gap: 0.5rem;
     font-size: var(--font-size-small);

@@ -237,9 +237,8 @@

     display: flex;
     flex-direction: row;
     align-items: center;
     padding-left: 2rem;
     padding-left: 2.5rem;
     gap: 0.5rem;
     margin-left: -0.5rem;
   }
   .commits {
     position: relative;

@@ -251,12 +250,11 @@

     padding: 1rem 0.5rem 1rem 1rem;
     border-left: 1px solid var(--color-fill-separator);
   }
   .commit:last-of-type::after {
     content: "";
     position: absolute;
     left: -18.5px;
     top: 12px;
     top: 14px;
     bottom: -1rem;
     border-left: 4px solid var(--color-background-default);
   }

@@ -268,7 +266,7 @@

     width: 4px;
     height: 4px;
     position: absolute;
     top: 0.5rem;
     top: 0.625rem;
     left: -18.5px;
     background-color: var(--color-fill-separator);
   }

@@ -389,7 +387,9 @@

       <div>
         <div class="patch-header">
           <div class="authorship-header">
             <div style:color={badgeColor(patchState)}>
             <div
               style:color={badgeColor(patchState)}
               style:padding="0 0.375rem">
               <IconSmall name="patch" />
             </div>
             <NodeId