devtools/hackdoc: fixup rendering on mobile

Change-Id: If587defdc0bf1d7c5491c328803289b9e75ba918
Reviewed-on: https://gerrit.hackerspace.pl/c/hscloud/+/1148
Reviewed-by: q3k <q3k@hackerspace.pl>
This commit is contained in:
informatic 2021-09-18 13:05:16 +02:00 committed by informatic
parent 9fcce22ef3
commit 94b080d375

View file

@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>hackdoc:{{ .Title }}</title>
<style type="text/css">
html, body, div, span, applet, object, iframe,
@ -50,7 +51,7 @@ table {
body {
font-size: 14px;
line-height: 1.25em;
line-height: 1.25;
background-color: #f0f0f0;
}
@ -250,12 +251,12 @@ html {
}
.page p {
line-height: 1.6em;
line-height: 1.6;
}
.page :not(li) > ul {
padding-top: 0.5em;
line-height: 1.5em;
line-height: 1.5;
}
.page ul li {
@ -328,6 +329,27 @@ html {
text-decoration: none;
}
/** RWD Adjustments - split is based off current total layout width */
@media only screen and (max-width: 1120px) {
.page, .wrapper {
flex-direction: column;
}
.content {
width: auto;
padding: 1rem;
}
.column { width: auto }
.sidebar { width: auto }
.content img {
max-width: 100%
}
.headerInner, .topbar {
padding: 1em 1em 1em 2em;
}
}
</style>
</head>
<body>