Skip to content

Commit bb69286

Browse files
authored
Restore two-column layout for very wide viewports (#1050)
1 parent d4b6d45 commit bb69286

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

datafiles/static/hackage.css

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -321,8 +321,11 @@ table.properties td, table.properties th {
321321
* = (100% - 40% ) * 60vw - 2em
322322
* = 60% * 60vw - 2em
323323
* = 36vw - 2em
324+
*
325+
* The 36vw only applies if the #content max-width of 1450px isn't hit.
326+
* So we use min(...) for this special case.
324327
*/
325-
width: calc(36vw - 2em);
328+
width: calc(min(36vw, .6 * 1450px) - 2em);
326329
}
327330
}
328331

@@ -350,6 +353,7 @@ table.properties td, table.properties th {
350353
}
351354

352355
#content {
356+
/* keep this in sync with the calculation above */
353357
max-width: 1450px;
354358
}
355359
}

0 commit comments

Comments
 (0)