Browse Source

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.
merge-requests/37/head
Deimos 6 years ago
parent
commit
fcbf53fb34
  1. 7
      tildes/scss/_themes.scss
  2. 6
      tildes/scss/modules/_comment.scss

7
tildes/scss/_themes.scss

@ -107,6 +107,10 @@
border-color: $border-color; border-color: $border-color;
} }
.comment-branch-counter {
color: $text-secondary-color;
}
.comment-nav-link { .comment-nav-link {
color: $text-secondary-color; color: $text-secondary-color;
} }
@ -122,10 +126,9 @@
%collapsed-theme { %collapsed-theme {
header { header {
background-color: $background-color; background-color: $background-color;
color: $text-secondary-color;
.link-user { .link-user {
color: $text-secondary-color;
color: $text-color;
} }
} }
} }

6
tildes/scss/modules/_comment.scss

@ -45,7 +45,6 @@
.comment-excerpt { .comment-excerpt {
display: none; display: none;
font-style: italic;
margin-left: 0.4rem; margin-left: 0.4rem;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@ -146,6 +145,10 @@
&.is-comment-by-op .comment-user-info { &.is-comment-by-op .comment-user-info {
font-weight: normal; font-weight: normal;
} }
header {
font-size: 0.6rem;
}
} }
.is-comment-collapsed:not(:target) { .is-comment-collapsed:not(:target) {
@ -157,6 +160,7 @@
.comment-branch-counter { .comment-branch-counter {
display: inline-block; display: inline-block;
font-size: 0.7rem;
} }
} }

Loading…
Cancel
Save