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

SAP · Feb 28, 2020 · 05b208d · 05b208d
1 parent 9400fe3
commit 05b208d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/main/src/Dialog.hbs b/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">

diff --git a/packages/main/src/themes/Dialog.css b/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,