Fix style regressions from #2801 (#2803)

Regression from #2801. During testing, it looked good, but in production it introduced some styling issues. Signed-off-by: Florian Hotze <[email protected]>
openhab · Oct 6, 2024 · 2dc7d72 · 2dc7d72
1 parent 3efc1a8
commit 2dc7d72
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/standard/oh-card.vue b/bundles/org.openhab.ui/web/src/components/widgets/standard/oh-card.vue
@@ -28,10 +28,8 @@
 .oh-col >
 .oh-masonry-item >
   .oh-card
-    --f7-safe-area-left 0px
-    --f7-safe-area-right 0px
-    --f7-safe-area-top 0px
-    --f7-safe-area-bottom 0px
+    margin-left var(--f7-card-margin-horizontal)
+    margin-right var(--f7-card-margin-horizontal)
 </style>
 
 <script>

diff --git a/bundles/org.openhab.ui/web/src/css/app.styl b/bundles/org.openhab.ui/web/src/css/app.styl
@@ -311,9 +311,12 @@ html
       color var(--f7-input-text-color)
 
 // Fix safe area issues inside f7-card components, where safe areas are already respected by the f7-card itself
-.card >
-  div
-    --f7-safe-area-left 0px
-    --f7-safe-area-right 0px
-    --f7-safe-area-top 0px
-    --f7-safe-area-bottom 0px
+.card
+  .block
+    padding-left var(--f7-block-padding-horizontal) !important
+    padding-right var(--f7-block-padding-horizontal) !important
+  .media-item
+    .item-content
+      padding-left var(--f7-list-item-padding-horizontal)
+      .item-inner
+        padding-right var(--f7-list-item-padding-horizontal)