diff options
| author | rubenwardy <rw@rubenwardy.com> | 2018-06-11 23:20:18 +0100 |
|---|---|---|
| committer | rubenwardy <rw@rubenwardy.com> | 2018-06-11 23:20:18 +0100 |
| commit | 86dd137f75e8461908e34645ebde9ba27fd96078 (patch) | |
| tree | 666af7904ed7e57465cbc80d318a2639c5485d3d | |
| parent | b48f684c0a4cbe7f5818a65708f54e6b66155d35 (diff) | |
| download | cheatdb-86dd137f75e8461908e34645ebde9ba27fd96078.tar.xz | |
Add dates to comments
| -rw-r--r-- | app/scss/comments.scss | 19 | ||||
| -rw-r--r-- | app/templates/macros/threads.html | 9 |
2 files changed, 22 insertions, 6 deletions
diff --git a/app/scss/comments.scss b/app/scss/comments.scss index d8525cd..d2302b1 100644 --- a/app/scss/comments.scss +++ b/app/scss/comments.scss @@ -10,21 +10,32 @@ margin: 15px 0; background: #333; - .author, .msg { + .info_strip, .msg { display: block; margin: 0; } - .author { - font-weight: bold; - border-bottom: 1px solid #444; + .info_strip { padding: 0.2em 1em; + border-bottom: 1px solid #444; } .msg { padding: 1em; background: #222; } + + .author { + font-weight: bold; + float: left; + display: inline-block; + } + + .info_strip span { + float: right; + display: inline-block; + color: #bbb; + } } .comment_form { diff --git a/app/templates/macros/threads.html b/app/templates/macros/threads.html index bd6fa44..b74edda 100644 --- a/app/templates/macros/threads.html +++ b/app/templates/macros/threads.html @@ -2,8 +2,13 @@ <ul class="comments"> {% for r in thread.replies %} <li> - <a class="author {{ r.author.rank.name }}" - href="{{ url_for('user_profile_page', username=r.author.username) }}">{{ r.author.display_name }}</a> + <div class="info_strip"> + <a class="author {{ r.author.rank.name }}" + href="{{ url_for('user_profile_page', username=r.author.username) }}"> + {{ r.author.display_name }}</a> + <span>{{ r.created_at | datetime }}</span> + <div class="clearboth"></div> + </div> <div class="msg"> {{ r.comment }} </div> |