From 340b21475d94542e1ddb7c34f192749c229b58eb Mon Sep 17 00:00:00 2001 From: Roger Braun <roger@rogerbraun.net> Date: Tue, 14 Feb 2017 21:47:37 +0100 Subject: [PATCH] Make temporarily unmuted posts hideable again. --- src/components/status/status.vue | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 95abdd5b4..c215a00b9 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -3,7 +3,7 @@ <template v-if="muted"> <div class="media status container muted"> <small><router-link :to="{ name: 'user-profile', params: { id: status.user.id } }">{{status.user.screen_name}}</router-link></small> - <button @click="toggleMute">show</button> + <a href="#" class="unmute" @click.prevent="toggleMute"><i class="icon-eye-off"></i></a> </div> </template> <template v-if="!muted"> @@ -40,11 +40,14 @@ <template v-if="expandable"> - <small> - <a href="#" @click.prevent="toggleExpanded" >Expand</a> + <a href="#" @click.prevent="toggleExpanded" ><i class="icon-plus-squared"></i></a> + </small> + <small v-if="status.user.muted"> + <a href="#" @click.prevent="toggleMute" ><i class="icon-eye-off"></i></a> </small> </template> <small v-if="!status.is_local" class="source_url"> - <a :href="status.external_url" target="_blank" >Source</a> + <a :href="status.external_url" target="_blank" ><i class="icon-binoculars"></i></a> </small> </h4> @@ -139,4 +142,9 @@ .muted button { margin-left: auto; } + + a.unmute { + display: block; + margin-left: auto; + } </style> -- GitLab