OO-3358 improve chat on smart phones

src/main/java/org/olat/core/gui/control/floatingresizabledialog/_content/index.html

@@ -2,10 +2,10 @@
 	#if ($r.available("collapsibleContent"))
 		<div class="container-fluid">
 			<div class="row">
-				<div class="col-sm-8">
+				<div class="col-sm-8 col-xs-12">
 					$r.render("panelContent")
 				</div>
-				<div class="col-sm-4">
+				<div class="col-sm-4 col-xs-12">
 					$r.render("collapsibleContent")
 				</div>
 			</div>

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

@@ -83,8 +83,24 @@
 	border: 1px solid transparent;
 }
 
-.ui-dialog.o_modal-ui div.ui-dialog-buttonpane {
-	display:none;
+.ui-dialog.o_modal-ui {
+	/* in any case, never make dialog smaller than browser window */
+	max-width: 100vw;
+	max-height: 100vh;
+
+	div.ui-dialog-buttonpane {
+		display:none;
+	}
+	
+	/* on small screens set dimensions to take entire screen  */
+	@media (max-width: $screen-xs-max) { 
+		height: 100vh !important;	
+		width: 100vw !important;	
+		
+		div.ui-dialog-content {
+			height: 90vh !important;	
+		}
+	}	
 }
 
 /*