diff --git a/tildes/scss/modules/_comment.scss b/tildes/scss/modules/_comment.scss index 4ad0359..3b5899e 100644 --- a/tildes/scss/modules/_comment.scss +++ b/tildes/scss/modules/_comment.scss @@ -5,19 +5,6 @@ border-left: 1px solid; margin-bottom: 0.4rem; - header { - display: flex; - align-items: center; - font-size: 0.7rem; - line-height: 0.7rem; - - // no padding on mobile - the collapse button will do the job - padding: 0 0.2rem 0 0; - @media (min-width: $size-md) { - padding: 0.2rem; - } - } - &:target > .comment-itself { border-left: 3px solid; } @@ -27,6 +14,19 @@ border-bottom: 1px solid; } +.comment-header { + display: flex; + align-items: center; + font-size: 0.7rem; + line-height: 0.7rem; + + // no padding on mobile - the collapse button will do the job + padding: 0 0.2rem 0 0; + @media (min-width: $size-md) { + padding: 0.2rem; + } +} + .comment-user-info { margin-left: 0.2rem; } diff --git a/tildes/scss/themes/_theme_base.scss b/tildes/scss/themes/_theme_base.scss index e1738c8..c2ea641 100644 --- a/tildes/scss/themes/_theme_base.scss +++ b/tildes/scss/themes/_theme_base.scss @@ -257,7 +257,7 @@ } %collapsed-theme { - header { + .comment-header { background-color: map-get($theme, "background-primary"); } } @@ -275,16 +275,16 @@ .comment { border-color: map-get($theme, "border"); - header { - color: map-get($theme, "foreground-highlight"); - background-color: map-get($theme, "background-secondary"); - } - &[data-comment-depth="0"] { border-color: map-get($theme, "border"); } } + .comment-header { + color: map-get($theme, "foreground-highlight"); + background-color: map-get($theme, "background-secondary"); + } + .comment:target > .comment-itself { border-left-color: map-get($theme, "stripe-target"); } diff --git a/tildes/tildes/templates/macros/comments.jinja2 b/tildes/tildes/templates/macros/comments.jinja2 index efb370c..8ff4595 100644 --- a/tildes/tildes/templates/macros/comments.jinja2 +++ b/tildes/tildes/templates/macros/comments.jinja2 @@ -40,7 +40,7 @@ {% macro render_comment_contents(comment, is_individual_comment=False) %}
-
+