Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Make peer and branch selectors bigger
dnlklmn committed 2 years ago
commit 0d82d53289395f448206901e541996e6a3432d60
parent 68cff4625df35b7cdb92244f343621e308770c13
4 files changed +16 -11
modified src/components/DropdownList/DropdownListItem.svelte
@@ -10,13 +10,13 @@
    display: flex;

    align-items: center;

    flex-direction: row;
- 
    gap: 0.5rem;
- 
    padding: 0.5rem;
+ 
    gap: 0.375rem;
+ 
    padding: 1.25rem 0.625rem;

    white-space: nowrap;

    border-radius: var(--border-radius-tiny);

    font-size: var(--font-size-small);
- 
    font-weight: var(--font-weight-semibold);
- 
    color: var(--color-foreground-dim);
+ 
    font-weight: var(--font-weight-regular);
+ 
    color: var(--color-foreground-contrast);

    height: 2rem;

  }

  .item.disabled {
@@ -27,6 +27,7 @@
    background-color: var(--color-fill-ghost);

  }

  .selected {
+ 
    font-weight: var(--font-weight-semibold);

    color: var(--color-foreground-contrast);

    background-color: var(--color-fill-ghost);

  }
modified src/components/NodeId.svelte
@@ -15,7 +15,7 @@
    display: flex;

    align-items: center;

    justify-content: center;
- 
    gap: 0.25rem;
+ 
    gap: 0.375rem;

    height: 1rem;

    font-family: var(--font-family-monospace);

    font-weight: var(--font-weight-semibold);
modified src/views/projects/Source/BranchSelector.svelte
@@ -43,9 +43,10 @@
        stylePopoverPositionLeft="0"

        stylePopoverPositionTop="0.5rem">

        <Button
+ 
          size="large"

          ariaLabel="canonical-branch"

          variant="gray-white"
- 
          styleBorderRadius="var(--border-radius-tiny) 0 0 var(--border-radius-tiny)"
+ 
          styleBorderRadius="var(--border-radius-small) 0 0 var(--border-radius-small)"

          slot="toggle"

          disabled

          notAllowed={false}>
@@ -63,15 +64,16 @@
    {:else}

      <Popover

        popoverPadding="0"
- 
        popoverPositionTop="2.5rem"
+ 
        popoverPositionTop="3rem"

        popoverBorderRadius="var(--border-radius-small)">

        <Button
+ 
          size="large"

          variant="gray-white"

          let:expanded

          let:toggle

          on:click={toggle}

          slot="toggle"
- 
          styleBorderRadius="var(--border-radius-tiny) 0 0 var(--border-radius-tiny)"
+ 
          styleBorderRadius="var(--border-radius-small) 0 0 var(--border-radius-small)"

          title="Change branch">

          <IconSmall name="branch" />

          <div class="identifier">{selectedBranch}</div>
@@ -97,11 +99,12 @@
  {/if}



  <Button
+ 
    size="large"

    title="Current HEAD"

    variant="not-selected"

    styleBorderRadius={selectedBranch
- 
      ? "0 var(--border-radius-tiny) var(--border-radius-tiny) 0"
- 
      : "var(--border-radius-tiny)"}>
+ 
      ? "0 var(--border-radius-small) var(--border-radius-small) 0"
+ 
      : "var(--border-radius-small)"}>

    <Link

      route={{

        resource: "project.commit",
modified src/views/projects/Source/PeerSelector.svelte
@@ -38,9 +38,10 @@


<Popover

  popoverPadding="0"
- 
  popoverPositionTop="2.5rem"
+ 
  popoverPositionTop="3rem"

  popoverBorderRadius="var(--border-radius-small)">

  <Button
+ 
    size="large"

    slot="toggle"

    let:expanded

    let:toggle