aboutsummaryrefslogtreecommitdiff
path: root/src/components/status
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/status')
-rw-r--r--src/components/status/status.js2
-rw-r--r--src/components/status/status.scss14
-rw-r--r--src/components/status/status.vue23
3 files changed, 21 insertions, 18 deletions
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 142e1fc6..f9c710ab 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -26,7 +26,6 @@ import {
faTimes,
faRetweet,
faReply,
- faExternalLinkSquareAlt,
faPlusSquare,
faSmileBeam,
faEllipsisH,
@@ -44,7 +43,6 @@ library.add(
faTimes,
faRetweet,
faReply,
- faExternalLinkSquareAlt,
faPlusSquare,
faStar,
faSmileBeam,
diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 70c6d03d..58b55bc8 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -139,6 +139,20 @@ $status-margin: 0.75em;
.heading-right {
display: flex;
flex-shrink: 0;
+
+ .button-unstyled {
+ padding: 5px;
+ margin: -5px;
+
+ &:hover svg {
+ color: $fallback--lightText;
+ color: var(--lightText, $fallback--lightText);
+ }
+ }
+
+ .svg-inline--fa {
+ margin-left: 0.25em;
+ }
}
.timeago {
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 896635ee..6ee8117f 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -184,30 +184,20 @@
:title="status.visibility | capitalize"
>
<FAIcon
- class="fa-scale-110 fa-old-padding"
+ fixed-width
+ class="fa-scale-110"
:icon="visibilityIcon(status.visibility)"
/>
</span>
- <a
- v-if="!status.is_local && !isPreview"
- :href="status.external_url"
- target="_blank"
- class="source_url"
- title="Source"
- >
- <FAIcon
- class="fa-scale-110 fa-old-padding"
- icon="external-link-square-alt"
- />
- </a>
<button
v-if="expandable && !isPreview"
class="button-unstyled"
- title="Expand"
+ :title="$t('status.expand')"
@click.prevent="toggleExpanded"
>
<FAIcon
- class="fa-scale-110 fa-old-padding"
+ fixed-width
+ class="fa-scale-110"
icon="plus-square"
/>
</button>
@@ -217,8 +207,9 @@
@click.prevent="toggleMute"
>
<FAIcon
+ fixed-width
icon="eye-slash"
- class="fa-scale-110 fa-old-padding"
+ class="fa-scale-110"
/>
</button>
</span>