Attempt to fix more vertical alignments

This commit is contained in:
Lim Chee Aun 2023-04-08 10:47:41 +08:00
parent b80bcdbf09
commit 05bf79870a
3 changed files with 6 additions and 6 deletions

View file

@ -1,6 +1,11 @@
.name-text { .name-text {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
display: inline-flex;
gap: 4px;
align-items: center;
}
.name-text.show-acct {
display: inline-block; display: inline-block;
} }
a.name-text:is(:hover, :focus) b, a.name-text:is(:hover, :focus) b,

View file

@ -36,7 +36,7 @@ function NameText({
return ( return (
<a <a
class={`name-text ${short ? 'short' : ''}`} class={`name-text ${showAcct ? 'show-acct' : ''} ${short ? 'short' : ''}`}
href={url} href={url}
target={external ? '_blank' : null} target={external ? '_blank' : null}
title={`@${acct}`} title={`@${acct}`}

View file

@ -46,11 +46,6 @@
overflow: hidden; overflow: hidden;
margin-bottom: -8px; margin-bottom: -8px;
} }
.status-pre-meta .name-text {
display: inline-flex;
gap: 4px;
align-items: center;
}
.status-pre-meta > * { .status-pre-meta > * {
vertical-align: middle; vertical-align: middle;
} }