monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-10-08 22:50:00 +08:00
Code Issues Projects Releases Packages Wiki Activity

responsive friends table

Browse source
This commit is contained in:
Christian Fehmer 2025-09-04 12:29:40 +02:00 • committed by Christian Fehmer
parent 1379d53c2a
commit 196db502d0
6 changed files with 81 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/styles/friends.scss
View file

@ -62,6 +62,12 @@
&:last-child {
text-align: right;
}
//don't wrap friendsfor rand streak into multiple lines
&:nth-child(2),
&:nth-child(6) {
white-space: nowrap;
}
}
.sub {

18
frontend/src/styles/media-queries-blue.scss
View file

@ -230,8 +230,24 @@
// border-radius: 0.15em;
// }
}
}
.pageFriends {
.content .friends table {
font-size: 0.75rem;
//hide friends for, tests
td:nth-child(2),
td:nth-child(4),
td:nth-child(6) {
//border: 1px dashed red;
display: none;
}
.badge .text {
display: none;
}
}
}
}
@media (pointer: coarse) and (max-width: 778px) {
#restartTestButton {
display: block !important;

17
frontend/src/styles/media-queries-brown.scss
View file

@ -101,4 +101,21 @@
}
}
}
.pageFriends {
.content .friends table {
font-size: 0.75rem;
td:nth-child(2),
td:nth-child(3),
td:nth-child(4),
td:nth-child(5),
td:nth-child(6) {
display: none;
}
.badge .text {
display: none;
}
}
}
}

14
frontend/src/styles/media-queries-green.scss
View file

@ -277,4 +277,18 @@
}
}
}
.pageFriends {
.content .friends table {
font-size: 0.9rem;
td:nth-child(2),
td:nth-child(6) {
display: none;
}
.badge .text {
display: none;
}
}
}
}

18
frontend/src/styles/media-queries-purple.scss
View file

@ -322,4 +322,22 @@
.modalWrapper .modal .inputs.withLabel {
grid-template-columns: 1fr;
}
.pageFriends {
.content .friends table {
font-size: 0.75rem;
td:nth-child(2),
td:nth-child(3),
td:nth-child(4),
td:nth-child(5),
td:nth-child(6) {
display: none;
}
.badge .text {
display: none;
}
}
}
}

9
frontend/src/styles/media-queries-yellow.scss
View file

@ -85,4 +85,13 @@
}
}
}
.pageFriends {
.content .friends table {
font-size: 0.9rem;
.badge .text {
display: none;
}
}
}
}