natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix background of mentions

This commit is contained in:
Freeplay 2023-06-04 16:29:12 -04:00
parent 3b889d9c05
commit b0cd3b25fc
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/client/src/components/MkMention.vue
View File

@ -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: "";