🐞 Responsive wraps for high cumulative votes #211
Comments
markgrafd
added
bug
Parent issue: sequentech/meta#211 Problem solved: checkboxes overflow to the side instead of wrapping in a new rows.
Parent issue: sequentech/meta#211 Problem solved: checkboxes overflow to the side instead of wrapping in a new rows.
Parent issue: sequentech/meta#211 Problem solved: checkboxes overflow to the side instead of wrapping in a new rows.
Parent issue: sequentech/meta#211 Problem solved: checkboxes overflow to the side instead of wrapping in a new rows.
Parent issue: sequentech/meta#211 Problem solved: checkboxes overflow to the side instead of wrapping in a new rows.
Parent issue: sequentech/meta#211 Problem solved: checkboxes overflow to the side instead of wrapping in a new rows. Previous fix was incomplete.
Parent issue: sequentech/meta#211 Problem solved: checkboxes overflow to the side instead of wrapping in a new rows. Previous fix was incomplete.
Parent issue: sequentech/meta#211 Problem solved: checkboxes overflow to the side instead of wrapping in a new rows. Previous fix was incomplete.
|
@markgrafd @ElectricPaperInformationssystemeGmbH I added an implementation note in the description, please view/read. |
|
@edulix Great! Thank you. |
|
Reopening, it doesn't work without lists. I attach an example: |
|
Please @ElectricPaperInformationssystemeGmbH test it in branch |
|
@edulix Unfortunately, the original problem occurs again |
|
@edulix link is same as you've added before |
|
@ElectricPaperInformationssystemeGmbH the example I mentioned in the comment has only 2 checkboxes per candidate. I've modified it to contain 10. It looks like this in mobile: I think it's working properly. |
|
looks good, thank you |
Preflight checklist
Current Behavior
Many customers have plurality voting with high cumulative numbers for votes. About 50% of these voters vote on mobile devices. Our customers want responsive wraps for the checkboxes on mobile devices, as the display is perceived as "buggy" this way.
Expected Behavior
The border of the list box should contain all the boxes. The checkboxes should be wrapped so that they display better on mobile devices.
Steps To Reproduce
No response
Environment
Implementation
Below you can find a couple images that show how the voting booth looks once fixed.
Please note that although for very small screens we have limited the default CSS to be a two checkbox per row, you can customize that using
theme_cssand override and increase the max-width for the checkboxes section to the desired width. The default is[avb-simultaneous-question-answer-v2] .vertilize-col.answer-glyphicon { max-width: 26%; }. You can also use css@mediaqueries to limit the width in bigger screens.Tasks
Tasks
Master PRs
Stable PRs
Additional context
No response
The text was updated successfully, but these errors were encountered: