OO-4427: prevent the toggle button to obscure question on mobile devices

src/main/java/org/olat/ims/qti21/ui/_content/at_run.html

@@ -125,7 +125,16 @@ jQuery().ready(function() {
 		if (!menuState.docked && menuState.open) {
 			var l = jQuery('#o_main_left');
 			jQuery('#o_main_left_content').hide();
-			l.transition({'x': '-' + l.css('width'), 'y': 0, 'left': '5px'}, duration, function() {
+			var mh = 0;
+			try {// no error for beautify
+				if(jQuery('#o_qti_run_title').length == 1) {
+					mh = mh - jQuery('#o_qti_run_title').height();
+				}
+				if(jQuery('#o_qti_run_infos').length == 1) {
+					mh = mh - jQuery('#o_qti_run_infos').height();
+				}
+			} catch(e) {}
+			l.transition({'x': '-' + l.css('width'), 'y': mh, 'left': '5px'}, duration, function() {
 				menuState.open = false;
 			});			
 		} 

src/main/webapp/static/themes/light/modules/_qti21.scss

@@ -272,6 +272,11 @@ img.o_hotspot_responsive[usemap] {
 	}
 }
 
+/* prevent the toggle to obscure the title of the question */
+#o_main_wrapper #o_main_container #o_qti_run #o_main_left #o_main_left_toggle {
+	top : 50px;
+}
+
 #o_qti_results_infos {
 	border: 1px solid $o-qti-run-infos-border-color;
 	border-radius: $o-qti-run-infos-border-radius;