diff --git a/Changelog.md b/Changelog.md index 4314ff300..5db984156 100644 --- a/Changelog.md +++ b/Changelog.md @@ -3,6 +3,7 @@ ## Refactor * Drop number of followers from tags page [#4717](https://github.com/diaspora/diaspora/issues/4717) * Remove some unused beta code [#4738](https://github.com/diaspora/diaspora/issues/4738) +* Style improvements for SPV, use original author's avatar for reshares [#4754](https://github.com/diaspora/diaspora/issue/4754) ## Bug fixes * Improve time agos by updating the plugin [#4280](https://github.com/diaspora/diaspora/issues/4280) diff --git a/app/assets/javascripts/app/views/single-post-viewer/single_post_actions.js b/app/assets/javascripts/app/views/single-post-viewer/single_post_actions.js index 7e066389c..eebd39327 100644 --- a/app/assets/javascripts/app/views/single-post-viewer/single_post_actions.js +++ b/app/assets/javascripts/app/views/single-post-viewer/single_post_actions.js @@ -1,6 +1,5 @@ app.views.SinglePostActions = app.views.Feedback.extend({ templateName: "single-post-viewer/single-post-actions", - tooltipSelector: "time", events: function() { return _.defaults({ diff --git a/app/assets/javascripts/app/views/single-post-viewer/single_post_content_view.js b/app/assets/javascripts/app/views/single-post-viewer/single_post_content_view.js index 155ebda80..19545b84e 100644 --- a/app/assets/javascripts/app/views/single-post-viewer/single_post_content_view.js +++ b/app/assets/javascripts/app/views/single-post-viewer/single_post_content_view.js @@ -1,5 +1,6 @@ app.views.SinglePostContent = app.views.Base.extend({ templateName: 'single-post-viewer/single-post-content', + tooltipSelector: "time, .post_scope", subviews : { "#single-post-actions" : "singlePostActionsView", diff --git a/app/assets/stylesheets/single-post-view.css.scss b/app/assets/stylesheets/single-post-view.css.scss index da421b1ce..075867ea8 100644 --- a/app/assets/stylesheets/single-post-view.css.scss +++ b/app/assets/stylesheets/single-post-view.css.scss @@ -4,31 +4,57 @@ #single-post-content { #head { - color: #aaaaaa; - font-size: 12px; - #author { - .img { - max-width: 25%; - } - .avatar {} - .bd { - padding-left: 10px; - .retweet { - i { - margin: 0 3px; - } + padding-bottom: 10px; + border-bottom: 1px solid $border-grey; + #post-info { + .author{ color: $grey; } + .info { + color: lighten($text-grey,10%); + font-size: 12px; + .post-time a { color: $grey; } + .post_scope { margin-right: 5px; } + .status-message-location { + padding-top: 2px; + line-height: 14px; } } + .avatar.medium { + max-width: 75px; + } + .bd { + padding-left: 10px; + } + } + .reshare { + border-top: 1px solid lighten($border-grey,5%); + padding-top: 10px; + margin-top: 10px; + } + #reshare-info { + line-height: 15px; + i.retweet { + color: $text-dark-grey; + font-size: 28px; + line-height: 30px; + margin-left: 8px; + margin-right: 8px; + } + .post-time a { + color: $grey; + display: block; + font-size: 12px; + } + .avatar { + height: 30px; + width: 30px; + } + .img { margin-right: 10px; } } #single-post-actions { - .buttons { - position: relative; - top: 6px; - clear: right; - } - .public-info > i { - float: left; - margin: 2px 4px 0 0; + padding-right: 5px; + i { + font-size: 28px; + line-height: 30px; } i.comment:hover { color: #424242; diff --git a/app/assets/templates/feedback_tpl.jst.hbs b/app/assets/templates/feedback_tpl.jst.hbs index daeb7a69c..e41c1459c 100644 --- a/app/assets/templates/feedback_tpl.jst.hbs +++ b/app/assets/templates/feedback_tpl.jst.hbs @@ -7,7 +7,7 @@ {{#if provider_display_name}} - via {{provider_display_name}} + {{t "stream.via" provider=provider_display_name}} {{/if}} – diff --git a/app/assets/templates/single-post-viewer/single-post-actions_tpl.jst.hbs b/app/assets/templates/single-post-viewer/single-post-actions_tpl.jst.hbs index 5f9f5f751..66a5101aa 100644 --- a/app/assets/templates/single-post-viewer/single-post-actions_tpl.jst.hbs +++ b/app/assets/templates/single-post-viewer/single-post-actions_tpl.jst.hbs @@ -1,15 +1,4 @@