Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Fix comment border overflow issue
Rūdolfs Ošiņš committed 2 years ago
commit 6cf78832de5bc255db9ebd82c3763a7309c75c0f
parent 4e68b98ef9d4dc59666bb5ce17678137c5281d02
1 file changed +6 -7
modified src/components/Thread.svelte
@@ -70,9 +70,12 @@
  }

  .top-level-comment {

    background-color: var(--color-background-float);
+ 
    border-radius: var(--border-radius-small);
+ 
  }
+ 
  .has-replies {

    border-bottom: 1px solid var(--color-fill-separator);
- 
    border-top-left-radius: var(--border-radius-small);
- 
    border-top-right-radius: var(--border-radius-small);
+ 
    border-bottom-left-radius: 0;
+ 
    border-bottom-right-radius: 0;

  }

  .replies {

    margin-left: 1rem;
@@ -83,11 +86,7 @@
</style>



<div class="comments">
- 
  <div
- 
    class="top-level-comment"
- 
    style:border-bottom={replies.length > 0
- 
      ? "1px solid var(--color-fill-separator)"
- 
      : undefined}>
+ 
  <div class="top-level-comment" class:has-replies={replies.length > 0}>

    <CommentComponent

      {rawPath}

      id={root.id}