From fcbf53fb34c347d1dcf5f6eb156366320cb73c74 Mon Sep 17 00:00:00 2001 From: Deimos Date: Thu, 13 Sep 2018 19:16:57 -0600 Subject: [PATCH] Make collapsed comments more easily readable Instead of lightening the text of collapsed comments and displaying them in italics, this shrinks the font size a little but still keeps them at the normal level of contrast. That should make them more easily readable while still de-emphasizing them somewhat. --- tildes/scss/_themes.scss | 7 +++++-- tildes/scss/modules/_comment.scss | 6 +++++- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/tildes/scss/_themes.scss b/tildes/scss/_themes.scss index 8e4ef3d..5f82055 100644 --- a/tildes/scss/_themes.scss +++ b/tildes/scss/_themes.scss @@ -107,6 +107,10 @@ border-color: $border-color; } + .comment-branch-counter { + color: $text-secondary-color; + } + .comment-nav-link { color: $text-secondary-color; } @@ -122,10 +126,9 @@ %collapsed-theme { header { background-color: $background-color; - color: $text-secondary-color; .link-user { - color: $text-secondary-color; + color: $text-color; } } } diff --git a/tildes/scss/modules/_comment.scss b/tildes/scss/modules/_comment.scss index bdfd61c..d5e7bbd 100644 --- a/tildes/scss/modules/_comment.scss +++ b/tildes/scss/modules/_comment.scss @@ -45,7 +45,6 @@ .comment-excerpt { display: none; - font-style: italic; margin-left: 0.4rem; white-space: nowrap; overflow: hidden; @@ -146,6 +145,10 @@ &.is-comment-by-op .comment-user-info { font-weight: normal; } + + header { + font-size: 0.6rem; + } } .is-comment-collapsed:not(:target) { @@ -157,6 +160,7 @@ .comment-branch-counter { display: inline-block; + font-size: 0.7rem; } }