aboutsummaryrefslogtreecommitdiff
path: root/src/components/extra_buttons/extra_buttons.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/extra_buttons/extra_buttons.vue')
-rw-r--r--src/components/extra_buttons/extra_buttons.vue29
1 files changed, 22 insertions, 7 deletions
diff --git a/src/components/extra_buttons/extra_buttons.vue b/src/components/extra_buttons/extra_buttons.vue
index e687d487..dc790cad 100644
--- a/src/components/extra_buttons/extra_buttons.vue
+++ b/src/components/extra_buttons/extra_buttons.vue
@@ -1,5 +1,6 @@
<template>
<Popover
+ class="ExtraButtons"
trigger="click"
placement="top"
:offset="{ y: 5 }"
@@ -96,11 +97,23 @@
icon="share-alt"
/><span>{{ $t("status.copy_link") }}</span>
</button>
+ <a
+ v-if="!status.is_local"
+ class="button-default dropdown-item dropdown-item-icon"
+ title="Source"
+ :href="status.external_url"
+ target="_blank"
+ >
+ <FAIcon
+ fixed-width
+ icon="external-link-alt"
+ /><span>{{ $t("status.external_source") }}</span>
+ </a>
</div>
</div>
<span
slot="trigger"
- class="ExtraButtons"
+ class="popover-trigger"
>
<FAIcon
class="fa-scale-110 fa-old-padding"
@@ -116,13 +129,15 @@
@import '../../_variables.scss';
.ExtraButtons {
- position: static;
- padding: 10px;
- margin: -10px;
+ .popover-trigger {
+ position: static;
+ padding: 10px;
+ margin: -10px;
- &:hover .svg-inline--fa {
- color: $fallback--text;
- color: var(--text, $fallback--text);
+ &:hover .svg-inline--fa {
+ color: $fallback--text;
+ color: var(--text, $fallback--text);
+ }
}
}
</style>