alvierahman90/gronk
1
0
Fork 0
mirror of https://github.com/alvierahman90/gronk.git synced 2024-10-22 12:21:53 +00:00
Code Issues Packages 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;
}
@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 }
}

4
templates/article.html
View File

@ -38,9 +38,11 @@
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">