fix menu, docs, and posts to work with strict Content-Security-Policy

When the Content-Security-Policy header has "style-src 'self';"
inine style elements like style="display: none" are not honored
by browsers, so style them display: none
soper-book
Paul Twohey 2019-08-28 21:01:36 -07:00 committed by Alex Shpak
parent 99bd271b35
commit 438f011ff5
3 changed files with 8 additions and 3 deletions

View File

@ -54,6 +54,11 @@ img {
vertical-align: baseline;
}
// hide menu checkbox with CSS
#menu-control {
display: none;
}
aside nav ul {
padding: 0;
margin: 0;

View File

@ -7,7 +7,7 @@
</head>
<body>
<input type="checkbox" style="display: none" id="menu-control" />
<input type="checkbox" id="menu-control" />
<main class="flex container">
<aside class="book-menu fixed">
@ -23,7 +23,7 @@
{{ template "toc" . }}
</main>
{{ partial "docs/inject/body" . }}
{{ template "_internal/google_analytics_async.html" . }}
</body>

View File

@ -7,7 +7,7 @@
</head>
<body>
<input type="checkbox" style="display: none" id="menu-control" />
<input type="checkbox" id="menu-control" />
<main class="flex container">
<aside class="book-menu fixed">
{{ partial "docs/menu" . }}