View Issue Details

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
DescriptionWith 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 ReproduceSee the Array (5 Point choice) or Array (10 Point choice) questions in different screen sizes.
TagsNo tags attached.

Activities

Usapuka

Usapuka

2020-01-25 13:04

reporter  

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)   
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-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