archive/pillar
0
0
Fork 0
Code Issues 42 Pull Requests Projects Releases Wiki Activity

Comments: Style tweak linked comment

Browse Source 
Move "Linked Comment" to the bottom, add padding, no borders.
This commit is contained in:
Pablo Vazquez 2017-10-02 01:54:13 +02:00
parent bb067f77c3
commit 9870979c54
1 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/_comments.sass
View File

@ -36,18 +36,17 @@ $comments-width-max: 710px
&.comment-linked &.comment-linked
background-color: $color-background-light !important background-color: $color-background-light !important
border-top: 3px solid $color-info !important box-shadow: inset 3px 0 0 $color-info
border-bottom: 2px solid $color-background-dark padding-right: 20px
border-bottom-left-radius: 3px
border-bottom-right-radius: 3px
&:before &:before
bottom: 25px
color: $color-info
content: 'Linked Comment' content: 'Linked Comment'
font-size: .8em
position: absolute position: absolute
right: 20px right: 20px
color: $color-info
text-transform: uppercase text-transform: uppercase
font-size: .8em
&.is-replying &.is-replying
margin-bottom: 15px !important margin-bottom: 15px !important
@ -56,9 +55,6 @@ $comments-width-max: 710px
padding-right: 5px padding-right: 5px
padding-left: 5px padding-left: 5px
&.comment-linked+.comment-container.is-first
border-top: none
.comment-avatar .comment-avatar
padding-right: 10px padding-right: 10px
@ -268,9 +264,7 @@ $comments-width-max: 710px
padding-left: 15px padding-left: 15px
&.comment-linked &.comment-linked
border-left: 3px solid $color-info box-shadow: inset 3px 0 0 $color-info
border-top: thin solid $color-background-dark !important
border-bottom: thin solid $color-background-dark !important
&.is-replying+.comment-reply-container &.is-replying+.comment-reply-container
margin-left: 35px margin-left: 35px