fix(ui5-dialog): provide min-width on desktop (#1257)

Author: ivoplashkov

packages/main/src/Dialog.hbs

@@ -3,7 +3,7 @@
 <span class="ui5-popup-frame" @focusin="{{_onfocusin}}">
 	<span id="{{_id}}-firstfe" tabindex="0"></span>
 	<div style="{{zindex}}" class="ui5-dialog-root-parent {{classes.dialogParent}}">
-		<div tabindex="-1" aria-labelledby="{{headerId}}" role="dialog" aria-modal="true" class="ui5-popup-root ui5-dialog-root">
+		<div tabindex="-1" aria-labelledby="{{headerId}}" role="dialog" aria-modal="true" class="ui5-popup-root ui5-dialog-root {{classes.dialogParent}}">
 			{{> header}}
 			<section class="ui5-dialog-section">
 				<div class="ui5-popup-content">

packages/main/src/themes/Dialog.css

@@ -28,6 +28,11 @@
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
+	min-width: 25rem;
+}
+
+.ui5-phone {
+	min-width: 0;
 }
 
 .ui5-dialog-root header,