fix background of mentions
This commit is contained in:
parent
3b889d9c05
commit
b0cd3b25fc
1 changed files with 4 additions and 3 deletions
|
@ -2,7 +2,7 @@
|
||||||
<MkA
|
<MkA
|
||||||
v-if="url.startsWith('/')"
|
v-if="url.startsWith('/')"
|
||||||
v-user-preview="canonical"
|
v-user-preview="canonical"
|
||||||
class="akbvjaqn"
|
class="mention"
|
||||||
:class="{ isMe }"
|
:class="{ isMe }"
|
||||||
:to="url"
|
:to="url"
|
||||||
@click.stop
|
@click.stop
|
||||||
|
@ -19,7 +19,7 @@
|
||||||
</MkA>
|
</MkA>
|
||||||
<a
|
<a
|
||||||
v-else
|
v-else
|
||||||
class="akbvjaqn"
|
class="mention"
|
||||||
:href="url"
|
:href="url"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener"
|
rel="noopener"
|
||||||
|
@ -58,7 +58,7 @@ const isMe =
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.akbvjaqn {
|
.mention {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 2px 8px 2px 2px;
|
padding: 2px 8px 2px 2px;
|
||||||
|
@ -68,6 +68,7 @@ const isMe =
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
color: var(--mention);
|
color: var(--mention);
|
||||||
|
isolation: isolate;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: "";
|
content: "";
|
||||||
|
|
Loading…
Reference in a new issue