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:
parent
ec4f2a40d6
commit
b9c93d3e11
6 changed files with 122 additions and 29 deletions
|
@ -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$
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue