More profile tweaks

This commit is contained in:
Nick Colley 2023-02-02 11:35:08 +00:00
parent b57525f082
commit 98303ec5b9
2 changed files with 10 additions and 8 deletions

View File

@ -57,6 +57,7 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
align-self: center; align-self: center;
font-size: 1.2em;
} }
.account-profile-name { .account-profile-name {

View File

@ -11,13 +11,11 @@
{field.name} {field.name}
</div> </div>
<div <div
class="account-profile-meta-cell account-profile-meta-value" class="account-profile-meta-cell account-profile-meta-value {field.verified ? 'account-profile-meta-cell-verified' : ''}"
role="definition" role="definition"
aria-labelledby="account-profile-meta-name-{i}" aria-labelledby="account-profile-meta-name-{i}"
> >
{@html field.value} {@html field.value}
</div>
<div class="account-profile-meta-cell">
{#if field.verified} {#if field.verified}
<span class="account-profile-meta-verified"> <span class="account-profile-meta-verified">
<SvgIcon <SvgIcon
@ -37,8 +35,8 @@
.account-profile-meta { .account-profile-meta {
grid-area: meta; grid-area: meta;
display: grid; display: grid;
grid-template-columns: auto 1fr max-content; grid-template-columns: auto 1fr;
grid-row-gap: 5px; grid-row-gap: 0;
align-items: center; align-items: center;
padding: 10px 0; padding: 10px 0;
} }
@ -46,7 +44,7 @@
.account-profile-meta-border { .account-profile-meta-border {
height: 1px; height: 1px;
width: 100%; width: 100%;
grid-column: 1 / 4; grid-column: 1 / 3;
background: currentColor; background: currentColor;
opacity: 0.2; opacity: 0.2;
justify-self: center; justify-self: center;
@ -55,8 +53,6 @@
.account-profile-meta-cell { .account-profile-meta-cell {
word-wrap: break-word; word-wrap: break-word;
overflow: hidden; overflow: hidden;
white-space: pre-wrap;
text-overflow: ellipsis;
font-size: 1.1em; font-size: 1.1em;
} }
@ -101,6 +97,11 @@
} }
} }
.account-profile-meta-cell-verified {
display: inline-flex;
flex-wrap: wrap;
column-gap: 10px;
}
.account-profile-meta-verified { .account-profile-meta-verified {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;