Fix table display on mobile #20, fix typo

This commit is contained in:
Ian Renton
2025-10-03 16:36:40 +01:00
parent 61c44255a1
commit 62761d459f
5 changed files with 53 additions and 13 deletions

View File

@@ -9,6 +9,14 @@
}
}
/* Custom version of Bootstrap table colouring to colour 2 in every 4 rows, because of our second row per spot that
appears on mobile */
.table-striped-custom > tbody > tr:nth-of-type(4n+3) > *,
.table-striped-custom > tbody > tr:nth-of-type(4n+4) > * {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg);
}
td.nowrap {
text-wrap: nowrap;
}
@@ -70,4 +78,21 @@ a.dx-link {
color: var(--bs-emphasis-color);
text-decoration: none;
font-weight: bold;
}
tr.table-faded td a.dx-link {
color: lightgray;
font-weight: normal;
}
@media (max-width: 991.99px) {
.hideonmobile {
display: none !important;
}
}
@media (min-width: 992px) {
.hidenotonmobile {
display: none !important;
}
}