OpenHAB
/
openhab-webui
mirror of https://github.com/openhab/openhab-webui.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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 <dev@florianhotze.com>
pull/2993/head
Florian Hotze 2025-01-08 18:33:02 +01:00 committed by GitHub
parent aa572b772d
commit 7034ad9a0a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -25,6 +25,9 @@
.device-ios /* fix chart rendering issues on iOS >= 17.4 */
.oh-chart-page-chart
--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 */
.popup, .popover, .sheet-modal-inner /* do not apply the above fix inside popups, popovers and sheets */
.oh-chart-page-chart
--oh-chart-page-height calc(100% - var(--f7-safe-area-top) - var(--f7-safe-area-bottom) - var(--f7-navbar-height))
</style>
<script>