Compare commits

...

2 commits

Author SHA1 Message Date
b27aadc0b4 Make usernames in user cards bold 2023-09-06 06:52:21 +09:00
6c528818ee Improve the readability of user cards 2023-09-06 06:26:09 +09:00

View file

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