From 5dd12dbb0f7576ee24ce5fd73d9cb35e9b55a659 Mon Sep 17 00:00:00 2001
From: Yannick Schaus <github@schaus.net>
Date: Thu, 15 Dec 2022 19:13:44 +0100
Subject: [PATCH] Fix inconsistent cell max-width (#1583)

Fixes #1567 (sort of)

Signed-off-by: Yannick Schaus <github@schaus.net>
---
 .../web/src/components/widgets/layout/oh-grid-cells.vue        | 1 +
 .../components/widgets/standard/cell/oh-rollershutter-cell.vue | 3 +++
 .../src/components/widgets/standard/cell/oh-slider-cell.vue    | 3 +++
 3 files changed, 7 insertions(+)

diff --git a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-cells.vue b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-cells.vue
index 382d5ad06..c630a9354 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-cells.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-cells.vue
@@ -47,6 +47,7 @@
 <style lang="stylus">
 .oh-cell-container
   display block
+  --oh-default-cell-tablet-width var(--f7-card-expandable-tablet-width)
   .configure-layout-menu
     position relative
     right 0
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-rollershutter-cell.vue b/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-rollershutter-cell.vue
index 4d5aa9caf..0aa7d7a2f 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-rollershutter-cell.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-rollershutter-cell.vue
@@ -19,6 +19,9 @@
 </template>
 
 <style lang="stylus">
+@media (min-width: 768px) and (min-height: 670px)
+  .cell-expanded-thin:not(.card-tablet-fullscreen)
+    max-width var(--oh-default-cell-tablet-width) !important
 .cell-expanded-thin
   --f7-card-expandable-tablet-width 400px
 .cell-rollershutter
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-slider-cell.vue b/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-slider-cell.vue
index 9025e4ba5..7b0b8142e 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-slider-cell.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-slider-cell.vue
@@ -19,6 +19,9 @@
 </template>
 
 <style lang="stylus">
+@media (min-width: 768px) and (min-height: 670px)
+  .cell-expanded-thin:not(.card-tablet-fullscreen)
+    max-width var(--oh-default-cell-tablet-width) !important
 .cell-expanded-thin
   --f7-card-expandable-tablet-width 400px
 .cell-slider