1
0
Fork 0

devtools/hackdoc: fixup rendering on mobile

Change-Id: If587defdc0bf1d7c5491c328803289b9e75ba918
Reviewed-on: https://gerrit.hackerspace.pl/c/hscloud/+/1148
Reviewed-by: q3k <q3k@hackerspace.pl>
master
informatic 2021-09-18 13:05:16 +02:00 committed by informatic
parent 9fcce22ef3
commit 94b080d375
1 changed files with 25 additions and 3 deletions

View File

@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>hackdoc:{{ .Title }}</title> <title>hackdoc:{{ .Title }}</title>
<style type="text/css"> <style type="text/css">
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
@ -50,7 +51,7 @@ table {
body { body {
font-size: 14px; font-size: 14px;
line-height: 1.25em; line-height: 1.25;
background-color: #f0f0f0; background-color: #f0f0f0;
} }
@ -250,12 +251,12 @@ html {
} }
.page p { .page p {
line-height: 1.6em; line-height: 1.6;
} }
.page :not(li) > ul { .page :not(li) > ul {
padding-top: 0.5em; padding-top: 0.5em;
line-height: 1.5em; line-height: 1.5;
} }
.page ul li { .page ul li {
@ -328,6 +329,27 @@ html {
text-decoration: none; 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> </style>
</head> </head>
<body> <body>