refactor(ui5-dialog): remove sap-phone classes (#200)

MapTo0 · web-flow · commit 992fb1b3bea5 · 2019-03-19T15:54:02.000+02:00
diff --git a/packages/main/src/DialogTemplateContext.js b/packages/main/src/DialogTemplateContext.js
@@ -1,3 +1,5 @@
+import { isPhone } from "@ui5/webcomponents-core/dist/sap/ui/Device";
+
 class DialogTemplateContext {
 	static calculate(state) {
 		const context = {
@@ -11,6 +13,7 @@ class DialogTemplateContext {
 				dialogParent: {
 					sapMDialogParent: true,
 					sapMDialogStretched: state.stretch,
+					"ui5-phone": isPhone(),
 				},
 				main: {
 					sapMPopup: true,
diff --git a/packages/main/src/themes/base/Dialog.less b/packages/main/src/themes/base/Dialog.less
@@ -26,7 +26,7 @@
 	}
 }
 
-.sap-phone .sapMDialogParent.sapMDialogStretched .sapMDialog {
+.ui5-phone.sapMDialogParent.sapMDialogStretched .sapMDialog {
 	width: 100%;
 	height: 100%;
 	box-shadow: none;
diff --git a/packages/main/test/sap/ui/webcomponents/main/pages/Dialog.html b/packages/main/test/sap/ui/webcomponents/main/pages/Dialog.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html>
 <head>
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
 
 	<title>Dialog</title>
 
@@ -22,7 +23,7 @@
 <body>
 	<ui5-button id="btnOpenDialog">Open Dialog</ui5-button>
 
-	<ui5-dialog id="dialog" header-text="Dialog">
+	<ui5-dialog id="dialog" header-text="Dialog" stretch>
 		<div style="padding: 1rem;text-align: center;">
 			<ui5-title level="H2">Hello World!</ui5-title>
 		</div>

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@`
`26`	`26`	`}`
`27`	`27`	`}`
`28`	`28`
`29`		`-.sap-phone .sapMDialogParent.sapMDialogStretched .sapMDialog {`
	`29`	`+.ui5-phone.sapMDialogParent.sapMDialogStretched .sapMDialog {`
`30`	`30`	`width: 100%;`
`31`	`31`	`height: 100%;`
`32`	`32`	`box-shadow: none;`