Is it possible to override the popup width on floor plan pages? I have a marker whose action is to open a popup, like so:
- component: oh-plan-marker
config:
coords: 1662.0449580156371,1004.6138412894518
action: popup
actionModal: widget:webcam_popup
actionModalConfig:
showAlarms: false
streamURL: https://xxxxxxxxx/cgi-bin/mjpg/video.cgi?subtype=1
url: BackYardCamera_MJPEGURL
icon: oh:camera
item: BackYardCamera_MJPEGURL
name: Camera
useTooltipAsLabel: false
tooltip: Camera
slots:
default: []
The popup width is fixed at 630px per the f7 variable --f7-popup-tablet-width
, which is in the :root
pseudo-class in app.cs.
I am unable to override this variable (per the documentation on styling in pages) either by setting the variable in the page configuration:
config:
imageUrl: xxxxxxxxxxxxxxxxxxxxxxxxxx
imageWidth: 2832
imageHeight: 1884
backgroundColor: white
label: "Security"
sidebar: true
style:
--f7-popup-tablet-width: 740px
or by setting it in the marker configuration:
- component: oh-plan-marker
config:
coords: 1662.0449580156371,1004.6138412894518
action: popup
actionModal: widget:webcam_popup
actionModalConfig:
showAlarms: false
streamURL: https://xxxxxxxxx/cgi-bin/mjpg/video.cgi?subtype=1
url: BackYardCamera_MJPEGURL
icon: oh:camera
item: BackYardCamera_MJPEGURL
name: Camera
useTooltipAsLabel: false
tooltip: Camera
style:
--f7-popup-tablet-width: 740px
slots:
default: []
Am I going about this the wrong way? Is there some other way of setting this variable that I have overlooked?