I’m trying to create a widget controlling both brightness and color temperature, to be used as popover from a marker in a floorplan. My issue is that anything more complex than a single card gets issues with the border, as seen in the picture below:
I’ve read that the popover size should follow the widget, but something clearly breaks here. The popover borders follow changes in the widget size, so that it’s always a bit too small.
Here is the yaml for the simple widget in the example above:
uid: Dimmer
tags: []
props:
parameters:
- context: item
description: An item to control
label: Item
name: item
required: false
type: TEXT
parameterGroups: []
timestamp: Dec 28, 2021, 8:08:11 PM
component: f7-card
config:
class: lazy
expandable: false
style:
border-radius: 6px
height: 8.3em
width: 10em
noShadow: true
slots:
default:
- component: oh-slider-card
config:
item: =props.item
min: 0
max: 100
label: true
scale: false
noShadow: true
- component: oh-slider-card
config:
item: =props.item
min: 0
max: 100
label: true
scale: false
noShadow: true
I’ve searched the forum and tried to dig deeper in yaml and how it’s used in oh, but no luck so far…
Anyone has a similar problem, or can think of a solution?