View Issue Details

This bug affects 1 person(s).
 4
IDProjectCategoryView StatusLast Update
15775Feature requestsResponse browsingpublic2020-05-14 11:22
ReporterUsapuka Assigned Tocdorin  
PrioritynoneSeverityfeature 
Status assignedResolutionopen 
Summary15775: In medium and small size screens the Array (5 Point choice) or Array (10 Point choice) questions are not displayed correctly
Description

With Fruity Theme for the Array (5 Point choice) or Array (10 Point choice) questions only are displayed correctly in large screens (numbers and lay out). In the intermediate screens the numbers do not come and the rows overlaps. On small screens, numbers are not visible and rows are correctly displayed.
With Vanilla and Boostwash Theme in the intermediate and small screens the files overlaps and the checkpoint is not aligned.

See screen-cast -: https://screencast-o-matic.com/watch/cYVTXAvRRb

Steps To Reproduce

See the Array (5 Point choice) or Array (10 Point choice) questions in different screen sizes.

TagsNo tags attached.
Attached Files
Large.JPG (88,805 bytes)   
Large.JPG (88,805 bytes)   
Small.JPG (56,923 bytes)   
Small.JPG (56,923 bytes)   
Medium.JPG (90,639 bytes)   
Medium.JPG (90,639 bytes)   
Bug heat4
Story point estimate
Users affected %

Users monitoring this issue

DenisChenu

Activities

lsrztki

lsrztki

2020-05-14 11:22

reporter   ~57774

My solution for the theme "vanilla": I created a child theme and added this custom CSS to the child theme:

/**
User custom CSS

In this file you can add your own custom CSS
It will be loaded last, so you can override any other property.
Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates

*/
@media only screen and (max-width: 1024px) and (orientation : portrait) {

.dir-ltr .radio-item .ls-label-xs-visibility,
.dir-ltr .checkbox-item .ls-label-xs-visibility {
margin-left: 0px;
}
.dir-ltr .radio-item label.ls-label-xs-visibility::before,
.dir-ltr .checkbox-item label.ls-label-xs-visibility::before {
margin-left: -20px;
}
.dir-ltr .radio-item label.ls-label-xs-visibility::after,
.dir-ltr .checkbox-item label.ls-label-xs-visibility::after {
margin-left: -20px;
}

}

Issue History

Date Modified Username Field Change
2020-01-25 13:04 Usapuka New Issue
2020-01-25 13:04 Usapuka File Added: Large.JPG
2020-01-25 13:04 Usapuka File Added: Small.JPG
2020-01-25 13:04 Usapuka File Added: Medium.JPG
2020-01-25 21:51 DenisChenu Issue Monitored: DenisChenu
2020-02-05 08:54 cdorin Assigned To => cdorin
2020-02-05 08:54 cdorin Status new => assigned
2020-03-13 18:50 c_schmitz Project Bug reports => Feature requests
2020-05-14 11:22 lsrztki Note Added: 57774