Is there a reason we have a min-height set so high? On my theme I am planning to set this to something much shorter but want to know if there is a reason for such a large min-height.
/boost/scss/moodle/core.scss
#region-main > .card {
overflow-x: auto;
overflow-y: visible;
min-height: 45rem;
}
On pages with not a lot of content this makes you scroll past empty white space.
Try removing that SCSS and see what happens in My dashboard page when you remove the Course Overview block and any other blocks if they exist?
I set it to min-height:2rem; and it does what i'd expect. However, this is a setting that is part of core Boost.
I am wondering if it is just a typo or something that was dropped into the SCSS file while testing.
This minimum height of 45rem on the surface would appear to want to force a minimum amount of scrolling a user might need to do.
Well since Boost/scss/bootstrap/_variable.scss states...
// Pixel value used to responsively scale all typography. Applied to the `<html>` element.
$font-size-root: 16px !default;
Then 45rem = 720px which is a good page size for the average screen resolution of 1024px x 768px.
Which makes me think that this min-height is more to do with keeping the footer in place...but I have not tested it.
Cheers
Mary
It is a workaround because the Bootstrap menus are kept in the DOM next to the trigger that opens them. This means that when they are in a scrollable region - they will not float over the region, but instead will make scrollbars in the page when the menu is long. This size was chosen as a reasonable minimum amount of space to reserve to avoid this problem. Hopefully bootstrap will fix their menus in the stable release (I'm not hopeful though).
Thank you. Glad I asked. That makes sense.