1
0
Fork 0
mirror of https://github.com/Kozea/Radicale.git synced 2025-06-26 16:45:52 +00:00

Implement side menu for narrow screens

This commit is contained in:
Unrud 2020-03-01 20:12:40 +01:00
parent ec4f2a40d6
commit b9c93d3e11
6 changed files with 122 additions and 29 deletions

View file

@ -11,6 +11,7 @@ $if(math)$
$endif$
<link href="assets/default.css" media="all" rel="stylesheet">
<link href="assets/screen.css" media="screen" rel="stylesheet">
<link href="assets/screen-narrow.css" media="screen and (max-width: 50em)" rel="stylesheet">
<noscript><link href="assets/screen-noscript.css" media="screen" rel="stylesheet"></noscript>
<link href="https://github.com/Kozea/Radicale/releases.atom" type="application/atom+xml" rel="alternate" title="Radicale Releases">
<link href="assets/icon.png" type="image/png" rel="shortcut icon">
@ -18,6 +19,7 @@ $endif$
<meta name="description" content="Free and Open-Source CalDAV and CardDAV Server">
<script src="assets/navigation.js"></script>
<script src="assets/document-branches.js"></script>
<script src="assets/narrow-menu.js"></script>
<script>
const documentBranch = "$branch$";
const documentBranches = ["$for(branches)$$branches$$sep$", "$endfor$"];
@ -41,9 +43,17 @@ $endif$
</header>
<main>
<div class="navButtonContainer">
<button data-name="nav-open">Contents</button>
</div>
<nav>
<h2>Contents</h2>
$table-of-contents$
<div class="navContainer">
<div class="navButtonContainer">
<button data-name="nav-close">Close</button>
</div>
<h2>Contents</h2>
$table-of-contents$
</div>
</nav>
<div class="documentContainer">
$body$