numbas / Numbas

A completely browser-based e-assessment/e-learning system, with an emphasis on mathematics
http://www.numbas.org.uk
Apache License 2.0
197 stars 118 forks source link

On a very narrow screen with very big text, the top nav bar obscures some of the question content #1030

Closed christianp closed 10 months ago

christianp commented 10 months ago

The #questionContainer element has margin-top: 51px, which is supposed to account for the size of the floating navbar. When the navbar is bigger than that because the text has to break to several lines, it obscures some of the question content.

This screenshot shows a question in a window half the width of my 1920×1080 screen, zoomed in 200%.

image

The layout should be achieved with display:grid instead of absolutely-positioned elements, so that they can't overlap.