From e4a37160006ee8709da60357d88582f820cf847b Mon Sep 17 00:00:00 2001
From: Hubert Nusser <hubsif@gmx.de>
Date: Tue, 23 Mar 2021 21:57:40 +0100
Subject: [PATCH] Apply layout page styles in edit mode, fixes #972

Signed-off-by: Hubert Nusser <hubsif@gmx.de>
---
 .../web/src/pages/settings/pages/layout/layout-edit.vue       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/bundles/org.openhab.ui/web/src/pages/settings/pages/layout/layout-edit.vue b/bundles/org.openhab.ui/web/src/pages/settings/pages/layout/layout-edit.vue
index b6b4816d3b..74c5949f15 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/pages/layout/layout-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/pages/layout/layout-edit.vue
@@ -67,7 +67,7 @@
           </f7-row>
         </f7-block>
 
-        <oh-layout-page class="layout-page" v-else-if="ready" :context="context" :key="pageKey"
+        <oh-layout-page class="layout-page" v-else-if="ready" :context="context" :key="pageKey" :style="page.config.style"
                         @add-block="addBlock"
                         @add-masonry="addMasonry"
                         @add-grid-item="addGridItem" />
@@ -76,7 +76,7 @@
         <editor v-if="currentTab === 'code'" :style="{ opacity: previewMode ? '0' : '' }" class="page-code-editor" mode="application/vnd.openhab.uicomponent+yaml?type=layout" :value="pageYaml" @input="onEditorInput" />
         <!-- <pre class="yaml-message padding-horizontal" :class="[yamlError === 'OK' ? 'text-color-green' : 'text-color-red']">{{yamlError}}</pre> -->
 
-        <oh-layout-page class="layout-page" v-if="ready && previewMode" :context="context" :key="pageKey" />
+        <oh-layout-page class="layout-page" v-if="ready && previewMode" :context="context" :key="pageKey" :style="page.config.style" />
       </f7-tab>
     </f7-tabs>
   </f7-page>