diff --git a/app/assets/stylesheets/common/000_vars.css.scss b/app/assets/stylesheets/common/000_vars.css.scss index fb8bcf1ed..6279c968f 100644 --- a/app/assets/stylesheets/common/000_vars.css.scss +++ b/app/assets/stylesheets/common/000_vars.css.scss @@ -1,4 +1,4 @@ -$menu_color: #F7F7FF; +$menu_color: #F5F5FF; $link_color: hsl(213, 100%, 50%); $link_hover_color: lighten($link_color, 25%); $link_dark_color: darken($link_color, 25%); diff --git a/app/assets/stylesheets/specific/comments.css.scss b/app/assets/stylesheets/specific/comments.css.scss index 6fe78eb3a..7eaa842bb 100644 --- a/app/assets/stylesheets/specific/comments.css.scss +++ b/app/assets/stylesheets/specific/comments.css.scss @@ -15,6 +15,11 @@ div.comments-for-post { article.comment { margin-bottom: 2em; word-wrap: break-word; + padding: 5px; + + &[data-is-sticky="true"] { + background: $menu_color; + } div.author { width: 12em; @@ -40,7 +45,7 @@ div.comments-for-post { } } - article.comment.below-threshold { + article.comment.below-threshold:not([data-is-sticky="true"]) { opacity: 0.3; }