UI stylename handling (#9832)

* Change VUI class name from v-view to v-ui
* Use state.primaryStyleName so it can be changed
* Remove useless v-app-VaadinServiceSession from bootstrap root div

Change-Id: I67d3cb3efb5b4033416dcfcf7f39cbc71ac70cbc

3 files changed, 7 insertions, 7 deletions

diff --git a/WebContent/VAADIN/themes/base/common/common.scss b/WebContent/VAADIN/themes/base/common/common.scss
index 7fd4d2cc32..b1e5ae1674 100644
--- a/WebContent/VAADIN/themes/base/common/common.scss
+++ b/WebContent/VAADIN/themes/base/common/common.scss
@@ -28,7 +28,7 @@ div.v-app-loading {
 	width: 100%;
 	height: 100%;
 }
-.v-view {
+.v-ui {
 	height: 100%;
 	width: 100%;
 	/* avoid scrollbars with margins in root layout */
@@ -36,7 +36,7 @@ div.v-app-loading {
 	position: relative;
 }
 /* Prevent margin collapse */
-.v-view.v-view-embedded {
+.v-ui.v-ui-embedded {
 	margin-top: -1px;
 	border-top: 1px solid transparent;
 }
@@ -54,15 +54,15 @@ div.v-app-loading {
 		height: auto;
 		min-height: 20cm;
 	}
-	.v-view {
+	.v-ui {
 		overflow: visible;
 	}
 	.v-gridlayout {
 		overflow: visible !important;
 	}
 }
-.v-view:active,
-.v-view:focus {
+.v-ui:active,
+.v-ui:focus {
 	outline: none;
 }
 .v-app select,
diff --git a/WebContent/VAADIN/themes/chameleon/common/common.scss b/WebContent/VAADIN/themes/chameleon/common/common.scss
index a7878b38ec..10247032ac 100644
--- a/WebContent/VAADIN/themes/chameleon/common/common.scss
+++ b/WebContent/VAADIN/themes/chameleon/common/common.scss
@@ -15,7 +15,7 @@ $chameleon-line-height: 1.4;
 		overflow: hidden;
 		}
 	
-	.v-view {
+	.v-ui {
 		margin-top: 0;
 		border-top: none;
 		}
diff --git a/WebContent/VAADIN/themes/tests-tickets/styles.css b/WebContent/VAADIN/themes/tests-tickets/styles.css
index f088e0dd35..fd4db4e6b5 100644
--- a/WebContent/VAADIN/themes/tests-tickets/styles.css
+++ b/WebContent/VAADIN/themes/tests-tickets/styles.css
@@ -320,7 +320,7 @@
 /*****************************************************************************/
 /* The reference screenshots all have a white background					 */
 /*****************************************************************************/
-.v-view { 
+.v-ui { 
 	background: #fff;
 }