From 835af696703484208882a70cc5dd47c5838ecf58 Mon Sep 17 00:00:00 2001 From: Star Rauchenberger Date: Thu, 12 Oct 2023 17:10:34 -0400 Subject: Added blog post commenting --- app/assets/stylesheets/main/entries.scss | 62 ++++++++++++++++++++++++++++++++ app/assets/stylesheets/main/layout.scss | 4 +++ 2 files changed, 66 insertions(+) (limited to 'app/assets/stylesheets/main') diff --git a/app/assets/stylesheets/main/entries.scss b/app/assets/stylesheets/main/entries.scss index 56cd221..5fbd4ef 100644 --- a/app/assets/stylesheets/main/entries.scss +++ b/app/assets/stylesheets/main/entries.scss @@ -219,3 +219,65 @@ margin-left: 1.5em; } } + +.blog-comment { + margin: 0 1em; + + .comment-avatar { + float: right; + margin-top: 1em; + } +} + +#comment-form { + fieldset { + border: 0; + + &#comment-body-field { + label { + display: none; + } + + textarea { + margin-top: 1em; + width: 99%; + height: 6em; + resize: none; + } + } + + &#comment-other-fields { + display: table; + padding: 1em; + width: 75%; + margin: 0 auto; + + .comment-field { + display: table-row; + + .comment-field-label { + text-align: right; + display: table-cell; + padding-right: 1em; + padding-bottom: 1em; + width: 50%; + + label:after { + content: ":"; + } + } + + .field_with_errors { + label { + color: red; + } + } + + .comment-field-input { + display: table-cell; + width: 50%; + } + } + } + } +} diff --git a/app/assets/stylesheets/main/layout.scss b/app/assets/stylesheets/main/layout.scss index 278113a..9283f36 100644 --- a/app/assets/stylesheets/main/layout.scss +++ b/app/assets/stylesheets/main/layout.scss @@ -199,3 +199,7 @@ blockquote.bubble.bottom::after { text-decoration: underline; } } + +.clear { + clear: both; +} -- cgit 1.4.1