Skip to content

Commit 7034ad9

Browse files
authored
Chart page: Fix wrong height inside popups, popovers & sheets on iOS (#2991)
Fixes known limitation from #2717. Reported on the community: https://community.openhab.org/t/openhab-4-3-release-discussion/160888/155?u=florian-h05 Signed-off-by: Florian Hotze <[email protected]>
1 parent aa572b7 commit 7034ad9

File tree

1 file changed

+3
-0
lines changed

1 file changed

+3
-0
lines changed

bundles/org.openhab.ui/web/src/components/widgets/chart/oh-chart-page.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,9 @@
2525
.device-ios /* fix chart rendering issues on iOS >= 17.4 */
2626
.oh-chart-page-chart
2727
--oh-chart-page-height calc(100dvh - var(--f7-safe-area-top) - var(--f7-safe-area-bottom) - var(--f7-navbar-height)) /* use dvh because with % the height is calculated to 0px and ECharts fails to render */
28+
.popup, .popover, .sheet-modal-inner /* do not apply the above fix inside popups, popovers and sheets */
29+
.oh-chart-page-chart
30+
--oh-chart-page-height calc(100% - var(--f7-safe-area-top) - var(--f7-safe-area-bottom) - var(--f7-navbar-height))
2831
</style>
2932

3033
<script>

0 commit comments

Comments
 (0)