alvierahman90/notes2web
Archived
1
1
Fork 0
Code Issues 5 Pull Requests Projects Releases Wiki Activity

hide toc on smaller width devices (for now)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
styles.css
View File

@ -101,10 +101,11 @@ mjx-container {
overflow-x: auto; 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 */ /* CSS that should be displayed if width is equal to or less than 60em goes here */
#contentWrapper { flex-direction: column } #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 }
} }

4
templates/article.html
View File

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