diff options
| author | Star Rauchenberger <fefferburbia@gmail.com> | 2023-10-12 17:10:34 -0400 |
|---|---|---|
| committer | Star Rauchenberger <fefferburbia@gmail.com> | 2023-10-12 17:10:34 -0400 |
| commit | 835af696703484208882a70cc5dd47c5838ecf58 (patch) | |
| tree | 8174d5b8c6f2486da56569bad361dd10aa1183f8 /app/assets | |
| parent | b24e6f58a525fc576e23ef9d498745e64c16cd6c (diff) | |
| download | thoughts-835af696703484208882a70cc5dd47c5838ecf58.tar.gz thoughts-835af696703484208882a70cc5dd47c5838ecf58.tar.bz2 thoughts-835af696703484208882a70cc5dd47c5838ecf58.zip | |
Added blog post commenting
Diffstat (limited to 'app/assets')
| -rw-r--r-- | app/assets/stylesheets/main/entries.scss | 62 | ||||
| -rw-r--r-- | app/assets/stylesheets/main/layout.scss | 4 |
2 files changed, 66 insertions, 0 deletions
| 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 @@ | |||
| 219 | margin-left: 1.5em; | 219 | margin-left: 1.5em; |
| 220 | } | 220 | } |
| 221 | } | 221 | } |
| 222 | |||
| 223 | .blog-comment { | ||
| 224 | margin: 0 1em; | ||
| 225 | |||
| 226 | .comment-avatar { | ||
| 227 | float: right; | ||
| 228 | margin-top: 1em; | ||
| 229 | } | ||
| 230 | } | ||
| 231 | |||
| 232 | #comment-form { | ||
| 233 | fieldset { | ||
| 234 | border: 0; | ||
| 235 | |||
| 236 | &#comment-body-field { | ||
| 237 | label { | ||
| 238 | display: none; | ||
| 239 | } | ||
| 240 | |||
| 241 | textarea { | ||
| 242 | margin-top: 1em; | ||
| 243 | width: 99%; | ||
| 244 | height: 6em; | ||
| 245 | resize: none; | ||
| 246 | } | ||
| 247 | } | ||
| 248 | |||
| 249 | &#comment-other-fields { | ||
| 250 | display: table; | ||
| 251 | padding: 1em; | ||
| 252 | width: 75%; | ||
| 253 | margin: 0 auto; | ||
| 254 | |||
| 255 | .comment-field { | ||
| 256 | display: table-row; | ||
| 257 | |||
| 258 | .comment-field-label { | ||
| 259 | text-align: right; | ||
| 260 | display: table-cell; | ||
| 261 | padding-right: 1em; | ||
| 262 | padding-bottom: 1em; | ||
| 263 | width: 50%; | ||
| 264 | |||
| 265 | label:after { | ||
| 266 | content: ":"; | ||
| 267 | } | ||
| 268 | } | ||
| 269 | |||
| 270 | .field_with_errors { | ||
| 271 | label { | ||
| 272 | color: red; | ||
| 273 | } | ||
| 274 | } | ||
| 275 | |||
| 276 | .comment-field-input { | ||
| 277 | display: table-cell; | ||
| 278 | width: 50%; | ||
| 279 | } | ||
| 280 | } | ||
| 281 | } | ||
| 282 | } | ||
| 283 | } | ||
| 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 { | |||
| 199 | text-decoration: underline; | 199 | text-decoration: underline; |
| 200 | } | 200 | } |
| 201 | } | 201 | } |
| 202 | |||
| 203 | .clear { | ||
| 204 | clear: both; | ||
| 205 | } | ||