devtools/hackdoc: fixup rendering on mobile
Change-Id: If587defdc0bf1d7c5491c328803289b9e75ba918
Reviewed-on: https://gerrit.hackerspace.pl/c/hscloud/+/1148
Reviewed-by: q3k <q3k@hackerspace.pl>
diff --git a/devtools/hackdoc/tpl/base.html b/devtools/hackdoc/tpl/base.html
index 8b93b39..edaadf6 100644
--- a/devtools/hackdoc/tpl/base.html
+++ b/devtools/hackdoc/tpl/base.html
@@ -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 @@
body {
font-size: 14px;
- line-height: 1.25em;
+ line-height: 1.25;
background-color: #f0f0f0;
}
@@ -250,12 +251,12 @@
}
.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 @@
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>