diff --git a/tildes/scss/_themes.scss b/tildes/scss/_themes.scss index a6cce8c..8e4ef3d 100644 --- a/tildes/scss/_themes.scss +++ b/tildes/scss/_themes.scss @@ -119,7 +119,7 @@ .label-comment-tag-flame { @include specialtag($comment-tag-flame-color, $is-light); } } - %collapsed { + %collapsed-theme { header { background-color: $background-color; color: $text-secondary-color; @@ -130,13 +130,13 @@ } } - .is-comment-collapsed { - @extend %collapsed; + .is-comment-collapsed:not(:target) { + @extend %collapsed-theme; } - .is-comment-collapsed-individual { + .is-comment-collapsed-individual:not(:target) { & > .comment-itself { - @extend %collapsed; + @extend %collapsed-theme; } } diff --git a/tildes/scss/modules/_comment.scss b/tildes/scss/modules/_comment.scss index 792b6bb..bdfd61c 100644 --- a/tildes/scss/modules/_comment.scss +++ b/tildes/scss/modules/_comment.scss @@ -148,7 +148,7 @@ } } -.is-comment-collapsed { +.is-comment-collapsed:not(:target) { @extend %collapsed; &[data-comment-depth="0"] { @@ -162,7 +162,7 @@ // uses @extend to only collapse everything inside the collapsed comment itself and // not its replies -.is-comment-collapsed-individual { +.is-comment-collapsed-individual:not(:target) { & > .comment-itself { @extend %collapsed; }