upd: remove collapsed mentions

Glitchy/Broken CSS - Won't get any fixes by free so it is best to just undo the change

Closes #279
Closes #278
This commit is contained in:
Marie 2023-12-30 23:14:00 +01:00
parent 8d28c16ee1
commit 265bcf54b0
No known key found for this signature in database
GPG key ID: 56569BBE47D2C828
2 changed files with 1 additions and 49 deletions

View file

@ -57,48 +57,6 @@ const avatarUrl = computed(() => defaultStore.state.disableShowingAnimatedImages
}
}
.root + .root {
position: relative;
margin-inline: -20px 0;
box-shadow: -4px 0 0 var(--panel), -15px 0 15px var(--panel);
overflow: clip;
isolation: isolate;
&::before {
content: "";
position: absolute;
inset: 0;
background: var(--panel);
z-index: -1;
}
&::after {
content: "";
position: absolute;
inset: 0;
background: var(--panel);
z-index: -1;
background: inherit;
}
span {
display: inline-block;
white-space: nowrap;
max-width: 3em;
mask: linear-gradient(to right, #000 20%, rgba(0, 0, 0, 0.4));
}
+ .root {
margin-inline: -10px 0;
padding-inline-end: 0;
box-shadow: -4px 0 0 var(--panel);
span {
display: none;
}
}
}
.icon {
width: 1.5em;
height: 1.5em;

View file

@ -88,13 +88,7 @@ export default function(props: MfmProps, context: SetupContext<MfmEvents>) {
res.push(t);
}
res.shift();
// Don't wrap whitespaces in a span
if (text === ' ') {
return res;
}
return h('span', res);
return res;
} else {
return [text.replace(/\n/g, ' ')];
}