itepechi/akkoma-fe
1
0
Fork 0
Code Issues Pull requests Releases 1 Activity

Improve the readability of user cards

Browse source
This commit is contained in:
itepechi 2023-09-06 06:26:09 +09:00
parent 59067b3429
commit 6c5e253f5c
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/user_card/user_card.scss
View file

@ -27,6 +27,7 @@
border-bottom-left-radius: inherit;
// create new stacking context
position: relative;
text-shadow: 0 0 .5em var(--btn, $fallback--fg);
}
.background-image {
@ -184,12 +185,19 @@
}
}
.top-line {
.button-unstyled {
filter: drop-shadow(0 0 .5em var(--btn, $fallback--fg));
}
}
.user-name {
text-overflow: ellipsis;
overflow: hidden;
flex: 1 1 auto;
margin-right: 1em;
font-size: 1.1em;
text-shadow: 0 0 .5em var(--btn, $fallback--fg);
}
.bottom-line {
@ -208,6 +216,7 @@
overflow: hidden;
color: $fallback--lightText;
color: var(--lightText, $fallback--lightText);
text-shadow: 0 0 .5em var(--btn, $fallback--fg);
}
.dailyAvg {
@ -217,6 +226,7 @@
font-size: 0.7em;
color: $fallback--text;
color: var(--text, $fallback--text);
text-shadow: 0 0 .5em var(--btn, $fallback--fg);
}
.user-role {
@ -235,6 +245,7 @@
line-height: 22px;
flex-wrap: wrap;
justify-content: right;
text-shadow: 0 0 .5em var(--btn, $fallback--fg);
.following, .requested_by, .blocking {
flex: 1 0 auto;