mirror of
https://github.com/pi-hole/web.git
synced 2024-12-06 19:36:21 +01:00
Fix height of taillog pre element (#2883)
This commit is contained in:
+14
-1
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user