Fix height of taillog pre element (#2883)

This commit is contained in:
Dominik
2023-12-02 18:12:57 +01:00
committed by GitHub
+14 -1
View File
@@ -1122,9 +1122,22 @@ table.dataTable tbody > tr > .selected {
}
.pre-scrollable {
max-height: calc(100vh - 300px);
/* use dynamic unit to account for mobile browser interface height */
max-height: max(195px, 100dvh - 170px);
overflow-y: scroll;
}
@media screen and (max-width: 767px) {
.pre-scrollable {
/* reduce max-height on mobile (higher header) */
max-height: max(195px, 100dvh - 220px);
}
}
@media screen and (max-width: 546px) {
.pre-scrollable {
/* reduce max-height even more (box-header text wraps, increasing the height) */
max-height: max(195px, 100dvh - 240px);
}
}
.hr-small {
margin-top: 0px;