Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Fix NodeId popover padding
Rūdolfs Ošiņš committed 2 years ago
commit 7e613952f59d09ee232c9105ce837a93325d10f5
parent 72fd099ecd26c7542d10d67a75f5d4f4ab1bf361
4 files changed +14 -10
modified src/components/HoverPopover.svelte
@@ -4,8 +4,9 @@
  export let disabled: boolean = false;



  export let onShow: () => void = () => {};
- 
  export let popoverPositionLeft: string | undefined = undefined;
- 
  export let popoverPositionTop: string | undefined = undefined;
+ 
  export let stylePopoverPositionLeft: string | undefined = undefined;
+ 
  export let stylePopoverPositionTop: string | undefined = undefined;
+ 
  export let stylePopoverPadding: string | undefined = "1rem";



  let visible: boolean = false;
@@ -28,7 +29,6 @@
    position: relative;

    right: 1rem;

    z-index: 10;
- 
    padding: 1rem;

  }

</style>
@@ -48,8 +48,9 @@
    <div style:position="absolute" on:click|stopPropagation>

      <div

        class="popover"
- 
        style:left={popoverPositionLeft}
- 
        style:top={popoverPositionTop}>
+ 
        style:padding={stylePopoverPadding}
+ 
        style:left={stylePopoverPositionLeft}
+ 
        style:top={stylePopoverPositionTop}>

        <slot name="popover" />

      </div>

    </div>
modified src/components/NodeId.svelte
@@ -49,8 +49,9 @@


<HoverPopover

  disabled={disableTooltip}
- 
  popoverPositionLeft="-4.5rem"
- 
  popoverPositionTop="-4.5rem">
+ 
  stylePopoverPositionLeft="-4.5rem"
+ 
  stylePopoverPadding="0.5rem 0.5rem 0.5rem 0.75rem"
+ 
  stylePopoverPositionTop="-4.5rem">

  <div slot="toggle" class="avatar-alias" style:color={styleColor} class:large>

    <Avatar {nodeId} />

    {#if alias}
@@ -60,7 +61,7 @@
    {/if}

  </div>
- 
  <div style:padding="0.5rem 0.5rem 0.5rem 0.75rem" slot="popover">
+ 
  <div slot="popover">

    <div class="popover-container">

      <div class="popover-avatar">

        <Avatar {nodeId} />
modified src/views/projects/Source/BranchSelector.svelte
@@ -39,7 +39,9 @@
<div class="branch">

  {#if selectedBranch}

    {#if onCanonicalBranch}
- 
      <HoverPopover popoverPositionLeft="0" popoverPositionTop="0.5rem">
+ 
      <HoverPopover
+ 
        stylePopoverPositionLeft="0"
+ 
        stylePopoverPositionTop="0.5rem">

        <Button

          ariaLabel="canonical-branch"

          variant="outline"
modified src/views/projects/Source/Header.svelte
@@ -101,7 +101,7 @@
    </Link>

  </Radio>
- 
  <HoverPopover popoverPositionLeft="0" popoverPositionTop="0.5rem">
+ 
  <HoverPopover stylePopoverPositionLeft="0" stylePopoverPositionTop="0.5rem">

    <Button disabled notAllowed={false} variant="outline" slot="toggle">

      <IconSmall name="user" />

      <div>