diff --git a/app/static/js/scripts.js b/app/static/js/scripts.js index 4e18b904..256cc0f8 100644 --- a/app/static/js/scripts.js +++ b/app/static/js/scripts.js @@ -3,7 +3,6 @@ document.addEventListener("DOMContentLoaded", function () { setupCommunityNameInput(); setupShowMoreLinks(); setupConfirmFirst(); - setupImageExpander(); setupSubmitOnInputChange(); setupTimeTracking(); setupMobileNav(); @@ -107,6 +106,8 @@ function setupAutoResize(element) { } + +// disabled for now function setupImageExpander() { // Get all elements with the class "preview_image" var imageLinks = document.querySelectorAll('.preview_image'); diff --git a/app/static/structure.css b/app/static/structure.css index 3bfb3053..0350fc92 100644 --- a/app/static/structure.css +++ b/app/static/structure.css @@ -638,6 +638,28 @@ fieldset legend { .post_list .post_teaser .meta_row a, .post_list .post_teaser .main_row a, .post_list .post_teaser .utilities_row a { text-decoration: none; } +.post_list .post_teaser .main_row { + position: relative; +} +.post_list .post_teaser .main_row .author { + margin-bottom: 30px; + display: inline-block; +} +.post_list .post_teaser .main_row .post_utilities { + position: absolute; + bottom: -12px; + left: 4px; +} +.post_list .post_teaser .main_row .post_utilities a { + display: inline-block; + min-width: 44px; + line-height: 44px; + text-align: center; +} +.post_list .post_teaser .main_row .post_options { + position: absolute; + bottom: -1px; +} .post_list .post_teaser .utilities_row a { display: inline-block; min-width: 44px; @@ -1011,6 +1033,7 @@ fieldset legend { cursor: pointer; display: flex; align-items: center; + justify-content: center; } .voting_buttons .upvote_button.digits_4, .voting_buttons .downvote_button.digits_4 { width: 68px; diff --git a/app/static/structure.scss b/app/static/structure.scss index 06748afd..e0f7e8fb 100644 --- a/app/static/structure.scss +++ b/app/static/structure.scss @@ -234,6 +234,32 @@ html { } } + .main_row { + position: relative; + + .author { + margin-bottom: 30px; + display: inline-block; + } + + .post_utilities { + position: absolute; + bottom: -12px; + left: 4px; + a { + display: inline-block; + min-width: 44px; + line-height: 44px; + text-align: center; + } + } + + .post_options { + position: absolute; + bottom: -1px; + } + } + .utilities_row { a { display: inline-block; @@ -651,6 +677,7 @@ html { cursor: pointer; display: flex; align-items: center; + justify-content: center; &.digits_4 { width: 68px; diff --git a/app/templates/post/_post_teaser.html b/app/templates/post/_post_teaser.html index 410c5ba0..7f3ddd37 100644 --- a/app/templates/post/_post_teaser.html +++ b/app/templates/post/_post_teaser.html @@ -61,24 +61,21 @@ {% if post.sticky %}{% endif %} - {% if show_post_community %}c/{{ post.community.name }}{% endif %} + {% if show_post_community %}c/{{ post.community.name }}{% endif %} by {{ render_username(post.author) }} {{ moment(post.last_active if sort == 'active' else post.posted_at).fromNow() }} - - - - -
-
- {{ post.reply_count }} - {% if post.type == POST_TYPE_IMAGE %} - {% if post.image_id %} - - {% else %} - +
+ {{ post.reply_count }} + {% if post.type == POST_TYPE_IMAGE %} + {% if post.image_id %} + + {% else %} + + {% endif %} {% endif %} - {% endif %} + +
- +