Checkbox not visible on narrow screens

ecampbell / moodle-qtype_multichoiceset

All or Nothing Moodle question type originally created by Adriane Boyd

6 stars 21 forks source link

Checkbox not visible on narrow screens #19

Closed t-schroeder closed 2 years ago

t-schroeder commented 3 years ago

When there's not enough horizontal space the checkboxes can shrink and completely disappear. For some mobile users certain answers are then not selectable. Example:

This is the used question (unzip and import as Moodle XML format): GEMS [WZL-MQ]-Zulässige Vereinfachungen eines Netzwerks-20210603-1843.zip

Edit: Happens with:

Windows Chrome
Windows Edge
MacOS Chrome

Doesn't happen with:

Windows Firefox
MacOS Firefox
MacOS Safari

maccmaxitrc commented 3 years ago

This is an issue that affects all question types that allow radio buttons and checkboxes. Paste the follwing fix in the "Raw SCSS" section of your theme. (Site adminitration -> Appearance -> Themes -> Boost -> Advanced Settings -> Raw SCSS)

/*Fix for shrinking input fields*/ input[type=radio], input[type=checkbox]{ min-width:13px; }