diff options
| author | Roger Braun <roger@rogerbraun.net> | 2016-11-28 16:10:03 +0100 |
|---|---|---|
| committer | Roger Braun <roger@rogerbraun.net> | 2016-11-28 16:10:03 +0100 |
| commit | 2f7e5c8770719595f3a7c2a2fd5f7ba5f15914d4 (patch) | |
| tree | 59558b05f1f7b5c3561e02b7094022ea197860ea | |
| parent | e0a108fcaba7d59e74795445299169b1ff9ee6cc (diff) | |
Always show action buttons below user content.
| -rw-r--r-- | src/components/status/status.vue | 46 |
1 files changed, 26 insertions, 20 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 5af13cec..8907937d 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -15,26 +15,28 @@ </a> </div> <div class="media-body"> - <h4 class="media-heading"> - {{status.user.name}} - <small><a :href="status.user.statusnet_profile_url">{{status.user.screen_name}}</a></small> - <small v-if="status.in_reply_to_screen_name"> > <a :href="status.in_reply_to_profileurl">{{status.in_reply_to_screen_name}}</a></small> - - - <small> - <router-link :to="{ name: 'conversation', params: { id: status.id } }"> - {{status.created_at_parsed}} - </router-link> - </small> - <small v-if="!status.is_local" class="source_url"> - <a :href="status.external_url" target="_blank" >Source</a> - </small> - </h4> - - <div class="status-content" v-html="status.statusnet_html"></div> - - <div v-if='status.attachments' class='attachments'> - <attachment :status-id="status.id" :nsfw="status.nsfw" :attachment="attachment" v-for="attachment in status.attachments"> - </attachment> + <div class="user-content"> + <h4 class="media-heading"> + {{status.user.name}} + <small><a :href="status.user.statusnet_profile_url">{{status.user.screen_name}}</a></small> + <small v-if="status.in_reply_to_screen_name"> > <a :href="status.in_reply_to_profileurl">{{status.in_reply_to_screen_name}}</a></small> + - + <small> + <router-link :to="{ name: 'conversation', params: { id: status.id } }"> + {{status.created_at_parsed}} + </router-link> + </small> + <small v-if="!status.is_local" class="source_url"> + <a :href="status.external_url" target="_blank" >Source</a> + </small> + </h4> + + <div class="status-content" v-html="status.statusnet_html"></div> + + <div v-if='status.attachments' class='attachments'> + <attachment :status-id="status.id" :nsfw="status.nsfw" :attachment="attachment" v-for="attachment in status.attachments"> + </attachment> + </div> </div> <div v-if="loggedIn"> @@ -65,6 +67,10 @@ word-wrap: break-word; word-break: break-word; + .user-content { + min-height: 52px; + } + .source_url { float: right; } |