From b84aeff6bf288b6e5855c2be0fd78577a0f7c0e5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 10 Jun 2021 18:52:23 +0300
Subject: [PATCH] stylistic changes
---
src/components/mention_link/mention_link.scss | 16 +++++++++++++---
src/components/mention_link/mention_link.vue | 5 ++---
2 files changed, 15 insertions(+), 6 deletions(-)
diff --git a/src/components/mention_link/mention_link.scss b/src/components/mention_link/mention_link.scss
index 9560e205..9df1ccfe 100644
--- a/src/components/mention_link/mention_link.scss
+++ b/src/components/mention_link/mention_link.scss
@@ -49,6 +49,17 @@
}
}
+ .at {
+ color: var(--link);
+ opacity: 0.8;
+ display: inline-block;
+ height: 50%;
+ line-height: 1;
+ padding: 0 0.1em;
+ vertical-align: -25%;
+ margin: 0;
+ }
+
&:not(.-oldStyle) {
.short {
padding-left: 0.25em;
@@ -61,9 +72,8 @@
.at {
color: var(--faint);
opacity: 0.8;
- display: inline-block;
- height: 50%;
- line-height: 1;
+ padding-right: 0.25em;
+ vertical-align: -20%;
}
}
diff --git a/src/components/mention_link/mention_link.vue b/src/components/mention_link/mention_link.vue
index a65dbad3..062ad4bc 100644
--- a/src/components/mention_link/mention_link.vue
+++ b/src/components/mention_link/mention_link.vue
@@ -21,13 +21,12 @@
:class="[{ '-sublime': !highlight }, oldStyle ? 'button-unstyled' : 'button-default']"
@click.prevent="onClick"
>
+ <!-- eslint-disable vue/no-v-html -->
<FAIcon
size="s"
icon="at"
class="at"
- />
- <!-- eslint-disable vue/no-v-html -->
- <span class="shortName"><span
+ /><span class="shortName"><span
class="userName"
v-html="userName"
/></span>