Add scrolling to Organized Content sidebar on smaller desktop screens (#322)

Closes #314

Co-authored-by: Amy <a258wang@uwaterloo.ca>
Reviewed-on: www/www-new#322
Reviewed-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Co-authored-by: Amy <a258wang@csclub.uwaterloo.ca>
Co-committed-by: Amy <a258wang@csclub.uwaterloo.ca>
renovate/next-mdx-remote-3.x
Amy 12 months ago
parent b219a36eaf
commit 92bf4752cd
  1. 12
      components/OrganizedContent.module.css

@ -22,10 +22,14 @@
}
.nav {
top: calc(20rem / 16);
position: sticky;
height: 100%;
margin: calc(8rem / 16) calc(32rem / 16) 0 0;
overflow: auto;
flex-shrink: 0;
top: calc(20rem / 16);
margin: calc(8rem / 16) calc(32rem / 16) calc(20rem / 16) 0;
height: calc(100vh - (44rem / 16));
color: var(--primary-heading);
font-weight: 500;
}
@ -189,9 +193,9 @@
top: 0;
left: 0;
overflow-y: auto;
z-index: 30;
height: 100%;
margin: 0;
background: var(--primary-accent-lighter);
width: calc(288rem / 16);

Loading…
Cancel
Save