Smaller font in lists, but only on screen

This commit is contained in:
Claude Brisson
2024-08-19 21:08:17 +02:00
parent 7e2bc844ad
commit 81c2587f1e
2 changed files with 15 additions and 4 deletions

View File

@@ -523,6 +523,21 @@
cursor: pointer; cursor: pointer;
} }
@media screen {
#players-list {
font-size: smaller;
}
.multi-select .listitem {
font-size: smaller;
}
#results-list {
font-size: smaller;
}
#standings-container {
font-size: smaller;
}
}
@media print { @media print {
body { body {

View File

@@ -91,7 +91,6 @@
#players-list { #players-list {
max-width: 95vw; max-width: 95vw;
font-size: smaller;
#players { #players {
tr.filtered { tr.filtered {
display: none; display: none;
@@ -332,7 +331,6 @@
gap: 1em; gap: 1em;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
font-size: smaller;
&:hover { &:hover {
background-color: rgba(50, 50, 50, .2); background-color: rgba(50, 50, 50, .2);
} }
@@ -426,7 +424,6 @@
} }
#results-list { #results-list {
font-size: smaller;
text-align: center; text-align: center;
.player, .result { .player, .result {
background-color: unset; background-color: unset;
@@ -484,7 +481,6 @@
} }
} }
#standings-container { #standings-container {
font-size: smaller;
max-width: 95vw; max-width: 95vw;
} }