Anri/mylloon.fr
1
0
Fork 0
Code Issues 15 Pull requests 2 Releases Packages 1 Activity Actions

dont restrict aside width on mobile

Browse source
This commit is contained in:
Mylloon 2024-12-12 17:52:14 +01:00
parent 9b6d75b560
commit d452d28854
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
static/css/cours.css
View file

@ -3,6 +3,7 @@
:root { :root {
--max-width: 900px; --max-width: 900px;
--sidebar-width: 20%; --sidebar-width: 20%;
--sidebar-padding: 10px;
--shift-icon-filetree: -10px; --shift-icon-filetree: -10px;
/* Size of icon */ /* Size of icon */
@ -12,7 +13,7 @@
main { main {
max-width: var(--max-width); max-width: var(--max-width);
padding-inline: calc(var(--sidebar-width) + 10px); padding-inline: calc(var(--sidebar-width) + var(--sidebar-padding));
} }
/* Filetree */ /* Filetree */
@ -21,7 +22,7 @@ aside {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
width: var(--sidebar-width); width: var(--sidebar-width);
padding-inline: 10px; padding-inline: var(--sidebar-padding);
} }
aside ul { aside ul {
@ -87,6 +88,7 @@ input[type="text"] {
@media only screen and (max-width: 640px) { @media only screen and (max-width: 640px) {
aside { aside {
display: none; display: none;
width: unset;
} }
main { main {