dbnschools / moodle-theme_fordson

Theme for Moodle 3.3+
43 stars 40 forks source link

Course tile scrollbars not sized correctly on laptop #54

Closed ChristopherKingChemist closed 5 years ago

ChristopherKingChemist commented 5 years ago

On the home page for users who are not logged in I have three course tiles displayed. The image in the tiles is not very high, so I increased the size of the course tile height (the “courseboxheight” parameter ) from the default 200 px to 400 px. That displayed much more (if not all) of the images. However, I noticed the scrollbars were not displayed correctly in either case. In the 200 px high tile the scrollbar is cut off at the bottom. 200 px courseboxheight: jordson course tile scroll bar 200 px In the 400 px high tile the scrollbar does not extend to the bottom of the tile. 400 px courseboxheight: jordson course tile scroll bar 400 px This problem is visible on my 1366 × 768 laptop. I haven't confirmed this problem on a larger monitor, yet. The image itself is 800 × 533.

dbnschools commented 5 years ago

What Moodle version, fordson version, and browser are you using? If there is too much information it will use scroll bars to fit the content. However, we styled the scrollbar for chrome/firefox. We only test on firefox and chrome.

ChristopherKingChemist commented 5 years ago

Using Moodle 3.6.1, Firefox, the latest Jordson, theme preset "Spectrum-achromatic", course tile display "Tile Style Four W/Course Summary". The site is https:// christopherking dot name backslash collaborate backslash

dbnschools commented 5 years ago

My initial suggestion is to increase "Course Tile Height" to be higher than 200px (on the preset adjustment tab in Fordson theme admin). Default is 250px and that will solve the issue for you. You made the tiles too small. My other suggestion is to get rid of the main menu block. You can include that text in the custom textbox of the page if needed. It takes up valuable screen space. You might also want to utilize a different tile display option if you have too much text or are not getting the results you want. Course tile height is set too small. Increase this via the drop down.