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 {
color: inherit;
text-decoration: none;
display: inline-flex;
gap: 4px;
align-items: center;
}
.name-text.show-acct {
display: inline-block;
}
a.name-text:is(:hover, :focus) b,

View file

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

View file

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