Problem
The course dropdown list has a hardcoded max-height: 300px in courses.js. On mobile or narrow viewports, the course switcher popover fills the entire screen, but the course list only uses 300px of that space — wasting the available height.
Expected behaviour
The list height should adapt to fill the available space in the popover, especially when the popover is fullscreen on mobile.
Possible approach
Consider using auto height with CSS that makes the list fill the remaining space in the popover (e.g. flexbox layout), or calculate available height dynamically.
File
courses.js — .ntulearn-ext-list { max-height: 300px }
Problem
The course dropdown list has a hardcoded
max-height: 300pxincourses.js. On mobile or narrow viewports, the course switcher popover fills the entire screen, but the course list only uses 300px of that space — wasting the available height.Expected behaviour
The list height should adapt to fill the available space in the popover, especially when the popover is fullscreen on mobile.
Possible approach
Consider using
autoheight with CSS that makes the list fill the remaining space in the popover (e.g. flexbox layout), or calculate available height dynamically.File
courses.js—.ntulearn-ext-list { max-height: 300px }