Radish alpha
r
radicle-explorer
rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5
Radicle web interface
Radicle
Git
Patches › 74e2b95f
Fix connector lines in issue comments
Merged did:key:z6MkkfM3...sVz5 opened 2 years ago

check check-visual check-unit-test check-httpd-api-unit-test check-e2e check-build

👉 Preview
👉 Workflow runs
👉 Branch on GitHub

Activity Changes +9 -9
4 files changed +9 -9 9c65ee97 → cddf8b40
modified src/components/Comment.svelte
@@ -103,6 +103,9 @@
    font-size: var(--font-size-small);

    color: var(--color-fill-gray);

  }
+ 
  .card-header-no-icon {
+ 
    padding-left: 1rem;
+ 
  }

  .edit-buttons {

    display: flex;

    gap: 0.25rem;
@@ -129,10 +132,8 @@
    {#if isLastReply}

      <div class="connector-line" />

    {/if}
- 
    <div class="card-header">
- 
      <div class="icon">
- 
        <slot name="icon" />
- 
      </div>
+ 
    <div class="card-header" class:card-header-no-icon={isReply}>
+ 
      <slot class="icon" name="icon" />

      <NodeId nodeId={authorId} alias={authorAlias} />

      <slot name="caption">{caption}</slot>

      <span class="timestamp" title={utils.absoluteTimestamp(timestamp)}>
modified src/components/Thread.svelte
@@ -62,7 +62,7 @@
    border-bottom-right-radius: 0;

  }

  .replies {
- 
    margin-left: 1rem;
+ 
    margin-left: 1.25rem;

  }

  .reply {

    padding: 1rem;
modified src/views/projects/Issue.svelte
@@ -432,7 +432,7 @@
  .connector {

    width: 1px;

    height: 1.5rem;
- 
    margin-left: 1rem;
+ 
    margin-left: 1.25rem;

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

  }

  .metadata {
@@ -660,8 +660,7 @@
          </div>

        {/if}

        {#if $experimental && session}
- 
          {#if threads.length === 0}
- 
            <div class="connector" />{/if}
+ 
          <div class="connector" />

          <CommentToggleInput

            focus

            rawPath={rawPath(project.head)}
modified src/views/projects/Patch.svelte
@@ -714,7 +714,7 @@
  .connector {

    width: 1px;

    height: 1.5rem;
- 
    margin-left: 1rem;
+ 
    margin-left: 1.25rem;

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

  }

  @media (max-width: 720px) {