hide toc on smaller width devices (for now)

This commit is contained in:
Akbar Rahman 2022-11-11 12:36:54 +00:00
parent b050b36747
commit 8ba82c2911
Signed by: alvierahman90
GPG Key ID: 20609519444A1269
2 changed files with 6 additions and 3 deletions

View File

@ -101,10 +101,11 @@ mjx-container {
overflow-x: auto;
}
@media (max-width: 60em) {
@media (max-width: 80em) {
/* CSS that should be displayed if width is equal to or less than 60em goes here */
#contentWrapper { flex-direction: column }
#sidebar { position: static; width: 100%; max-width: none; }
#sidebar { position: static; width: 100%; max-width: none; height: auto; }
#tocWrapper { display: none }
}

View File

@ -38,10 +38,12 @@
page generated by <a href="https://git.alv.cx/alvierahman90/notes2web">notes2web</a>
</p>
</div>
<div id="tocWrapper" style="width: 100%" >
<h3>Table of Contents</h3>
<input id="search" placeholder="Search table of contents" />
<input id="search" width="100%" placeholder="Search table of contents" />
<div id="toc">$toc$</div>
</div>
</div>
<div id="content">
<details id="commitLog">
<summary class="smallText">