diff options
| author | dave <starpumadev@gmail.com> | 2019-04-04 12:47:25 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-05-15 12:04:24 -0400 |
| commit | 1aa0e8d7e026267aa2af82fbd18cf7521ad842e9 (patch) | |
| tree | 7a14a24540d3b561b2c166196aa2bac08772afe2 /src/components/status/status.vue | |
| parent | b491e6acbe677d7fa72e370a1cb75c64921e8d56 (diff) | |
#468 - pin/unpin status
Diffstat (limited to 'src/components/status/status.vue')
| -rw-r--r-- | src/components/status/status.vue | 22 |
1 files changed, 16 insertions, 6 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 21077972..0a2562c0 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -52,12 +52,18 @@ <a :href="status.external_url" target="_blank" v-if="!status.is_local && !isPreview" class="source_url" title="Source"> <i class="button-icon icon-link-ext-alt"></i> </a> - <template v-if="expandable && !isPreview"> - <a href="#" @click.prevent="toggleExpanded" title="Expand"> - <i class="button-icon icon-plus-squared"></i> - </a> - </template> - <a href="#" @click.prevent="toggleMute" v-if="unmuted"><i class="button-icon icon-eye-off"></i></a> + <div class="button-icon button-action-icon" v-if="!status.pinned" @click.prevent="pinStatus" title="Pin"> + <i class="fa icon-pin"></i> + </div> + <div class="button-icon button-action-icon" v-else @click.prevent="unpinStatus" title="Unpin"> + <i class="fa icon-cancel"></i> + </div> + <div class="button-icon button-action-icon" v-if="expandable && !isPreview" @click.prevent="toggleExpanded" title="Expand"> + <i class="button-icon icon-plus-squared"></i> + </div> + <div class="button-icon button-action-icon" v-if="unmuted" @click.prevent="toggleMute" title="Toggle Mute"> + <i class="button-icon icon-eye-off"></i> + </div> </span> </div> @@ -678,6 +684,10 @@ a.unmute { } } +.button-action-icon { + cursor: pointer; +} + @media all and (max-width: 800px) { .status-el { .retweet-info { |