mirror of
https://git.ianrenton.com/ian/spothole.git
synced 2025-10-27 08:49:27 +00:00
Fix table display on mobile #20, fix typo
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user