language-servers/roc
1
0
Fork 0
mirror of https://github.com/roc-lang/roc.git synced 2025-09-28 06:14:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

Put nav last on mobile

Browse source
This commit is contained in:
Richard Feldman 2024-11-29 20:20:08 -05:00
parent e9e90ad7ce
commit 855d72b6ba
No known key found for this signature in database
GPG key ID: DAC334802F365236
1 changed files with 23 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

34
crates/docs/src/static/styles.css
View file

@ -636,6 +636,29 @@ pre>samp {
} }
@media only screen and (max-device-width: 480px) and (orientation: portrait) { @media only screen and (max-device-width: 480px) and (orientation: portrait) {
body {
grid-template-areas:
"header"
"main"
"sidebar"
"footer";
}
#sidebar-nav {
grid-area: sidebar;
}
main {
grid-area: main;
}
.top-header {
grid-area: header;
}
footer {
grid-area: footer;
}
:root { :root {
--top-header-height: 160px; --top-header-height: 160px;
} }
@ -702,20 +725,12 @@ pre>samp {
} }
main { main {
grid-column-start: none;
grid-column-end: none;
grid-row-start: above-footer;
grid-row-end: above-footer;
padding: 18px; padding: 18px;
font-size: 16px; font-size: 16px;
max-width: 480px; max-width: 480px;
} }
#sidebar-nav { #sidebar-nav {
grid-column-start: none;
grid-column-end: none;
grid-row-start: sidebar;
grid-row-end: sidebar;
margin-top: 0; margin-top: 0;
padding-left: 0; padding-left: 0;
width: auto; width: auto;
@ -738,9 +753,6 @@ pre>samp {
body { body {
grid-template-columns: auto; grid-template-columns: auto;
grid-template-rows: [top-header] var(--top-header-height) [before-sidebar] auto [sidebar] auto [above-footer] auto [footer] auto;
/* [before-sidebar] 1fr [sidebar] var(--sidebar-width) [main-content] fit-content(calc(1280px - var(--sidebar-width))) [end] 1fr; */
margin: 0; margin: 0;
min-width: 320px; min-width: 320px;
max-width: 100%; max-width: 100%;