More profile tweaks
This commit is contained in:
parent
b57525f082
commit
98303ec5b9
|
@ -57,6 +57,7 @@
|
|||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
align-self: center;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.account-profile-name {
|
||||
|
|
|
@ -11,13 +11,11 @@
|
|||
{field.name}
|
||||
</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"
|
||||
aria-labelledby="account-profile-meta-name-{i}"
|
||||
>
|
||||
{@html field.value}
|
||||
</div>
|
||||
<div class="account-profile-meta-cell">
|
||||
{#if field.verified}
|
||||
<span class="account-profile-meta-verified">
|
||||
<SvgIcon
|
||||
|
@ -37,8 +35,8 @@
|
|||
.account-profile-meta {
|
||||
grid-area: meta;
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr max-content;
|
||||
grid-row-gap: 5px;
|
||||
grid-template-columns: auto 1fr;
|
||||
grid-row-gap: 0;
|
||||
align-items: center;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
@ -46,7 +44,7 @@
|
|||
.account-profile-meta-border {
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
grid-column: 1 / 4;
|
||||
grid-column: 1 / 3;
|
||||
background: currentColor;
|
||||
opacity: 0.2;
|
||||
justify-self: center;
|
||||
|
@ -55,8 +53,6 @@
|
|||
.account-profile-meta-cell {
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
white-space: pre-wrap;
|
||||
text-overflow: ellipsis;
|
||||
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 {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
|
Loading…
Reference in New Issue