diff --git a/tildes/scss/modules/_btn.scss b/tildes/scss/modules/_btn.scss index e0a59b9..340ec81 100644 --- a/tildes/scss/modules/_btn.scss +++ b/tildes/scss/modules/_btn.scss @@ -46,6 +46,10 @@ } } +.btn-comment-collapse-label::after { + content: "−"; +} + .btn-comment-label { @include min-touch-size; diff --git a/tildes/scss/modules/_comment.scss b/tildes/scss/modules/_comment.scss index a7739b3..0e83dea 100644 --- a/tildes/scss/modules/_comment.scss +++ b/tildes/scss/modules/_comment.scss @@ -192,6 +192,10 @@ font-size: 0.6rem; line-height: 0.8rem; } + + .btn-comment-collapse-label::after { + content: "+"; + } } .is-comment-collapsed:not(:target) { diff --git a/tildes/static/js/behaviors/comment-collapse-button.js b/tildes/static/js/behaviors/comment-collapse-button.js index 7d4b536..ca8c9a1 100644 --- a/tildes/static/js/behaviors/comment-collapse-button.js +++ b/tildes/static/js/behaviors/comment-collapse-button.js @@ -14,12 +14,6 @@ $.onmount("[data-js-comment-collapse-button]", function() { $comment.toggleClass("is-comment-collapsed"); } - if ($comment.hasClass("is-comment-collapsed")) { - $this.text("+"); - } else { - $this.html("−"); - } - $this.blur(); }); }); diff --git a/tildes/tildes/templates/macros/comments.jinja2 b/tildes/tildes/templates/macros/comments.jinja2 index 15a8729..f7f4559 100644 --- a/tildes/tildes/templates/macros/comments.jinja2 +++ b/tildes/tildes/templates/macros/comments.jinja2 @@ -45,7 +45,7 @@