Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Make IconButton bigger
dnlklmn committed 2 years ago
commit 4c8f64111bb369642799b978502eb204ad48f5a7
parent 345c58cbe9177d1e2ba7c735062550420007c267
5 files changed +9 -13
modified src/components/Comment.svelte
@@ -97,7 +97,7 @@
    align-items: center;

    gap: 0.5rem;

    padding-left: 2.25rem;
- 
    margin-left: -0.25rem;
+ 
    margin-left: -0.5rem;

  }

  .timestamp {

    font-size: var(--font-size-small);
modified src/components/IconButton.svelte
@@ -18,7 +18,7 @@
    display: flex;

    align-items: center;

    justify-content: center;
- 
    padding: 2px 4px;
+ 
    padding: 8px 6px;

    gap: 0.25rem;

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

  }
modified src/components/ReactionSelector.svelte
@@ -21,11 +21,10 @@
    display: flex;

    align-items: center;

    border-radius: var(--border-radius-tiny);
- 
    padding: 0.2rem;
+ 
    padding: 0.4rem;

    gap: 0.2rem;

  }

  .selector button {
- 
    padding: 0.5rem;

    border: 0;

    background-color: transparent;

  }
@@ -46,14 +45,12 @@
    popoverPositionLeft="0"

    popoverPadding="0">

    <IconButton
- 
      stylePadding="4px"

      slot="toggle"

      let:toggle

      on:click={toggle}

      title="toggle-reaction-popover">

      <IconSmall name="face" />

    </IconButton>
- 


    <div class="selector" slot="popover">

      {#each config.reactions as reaction}

        {@const lookedUpReaction = reactions?.find(
modified src/views/projects/Cob/CobCommitTeaser.svelte
@@ -21,17 +21,16 @@
  .teaser {

    display: flex;

    font-size: var(--font-size-small);
+ 
    align-items: start;

  }

  .message {

    align-items: center;

    display: flex;
- 
    flex-direction: row;

    flex-wrap: wrap;

    gap: 0.5rem;

  }

  .left {

    display: flex;
- 
    flex-direction: column;

    gap: 0.5rem;

  }

  .right {
@@ -39,6 +38,7 @@
    align-items: flex-start;

    gap: 1rem;

    margin-left: auto;
+ 
    margin-top: -0.25rem;

  }

  .summary:hover {

    text-decoration: underline;
@@ -78,10 +78,8 @@
    {/if}

  </div>

  <div class="right">
- 
    <div style:display="flex" style:gap="1rem" style:height="1.5rem">
- 
      <div style:margin-bottom="1rem">
- 
        <CompactCommitAuthorship {commit} />
- 
      </div>
+ 
    <div style="display: flex; gap: 0.5rem; height: 2rem; align-items: center;">
+ 
      <CompactCommitAuthorship {commit} />

      <IconButton title="Browse repo at this commit">

        <Link

          route={{
modified src/views/projects/Cob/Revision.svelte
@@ -239,6 +239,7 @@
    align-items: center;

    padding-left: 2rem;

    gap: 0.5rem;
+ 
    margin-left: -0.5rem;

  }

  .commits {

    position: relative;
@@ -247,7 +248,7 @@
    font-size: 0.875rem;

    margin-left: 1.25rem;

    gap: 0.5rem;
- 
    padding: 1rem 1rem;
+ 
    padding: 1rem 0.5rem 1rem 1rem;

    border-left: 1px solid var(--color-fill-separator);

  }