Fix inconsistent cell max-width (#1583)

Fixes #1567 (sort of) Signed-off-by: Yannick Schaus <github@schaus.net>
openhab · Dec 15, 2022 · 5dd12db · 5dd12db
1 parent 40f85c7
commit 5dd12db
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
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
@@ -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
@@ -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
@@ -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