www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

Add scrolling to Organized Content sidebar on smaller desktop screens (#322)
continuous-integration/drone/push Build is passing Details 

Closes #314

Co-authored-by: Amy <a258wang@uwaterloo.ca>
Reviewed-on: #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>
This commit is contained in:
Amy Wang 2021-10-04 18:57:11 -04:00
parent b219a36eaf
commit 92bf4752cd
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/OrganizedContent.module.css
View File

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