- Should only affect switch with mappings, not player control
- Utilise the wasted space instead of wrapping the buttons into multiple
rows, if possible.
- Right align the buttons. This makes it look _much_ neater.
- Instead of limiting the width of the buttons, reserve a minimum width
for the label
- However if the label is shorter than 6 characters (including blank
labels), reduce the label's minimum width to just what's actually taken
up by the shorter label. This gives more space for the buttons with
shorter labels.
- When buttons wrap to multiple rows, make sure that each row contains
almost the same number of buttons, instead of having the first row
filling up the horizontal space, move the buttons down. By doing this,
there is more space for the label to occupy.
- Squeeze extra space for more buttons in "condensed layout" by reducing
padding, inter-button gaps, min-width, etc.
- The reduced padding in condensed layout also affects buttons in
buttongrid.
Before:
<img width="1130" alt="image"
src="https://github.com/user-attachments/assets/6bb010b7-d8e3-42bf-a3ae-0236e3ca3601">
After:
<img width="1127" alt="image"
src="https://github.com/user-attachments/assets/395b2440-532b-41f1-8369-c9963ebe84b7">
---------
Signed-off-by: Jimmy Tanagra <jcode@tanagra.id.au>
Allows to flash and handle state on whole SVG groups without a proxy by
using the group's path elements instead, e.g. this whole group can be used directly
---------
Signed-off-by: Stefan Höhn <mail@stefanhoehn.com>
This fixes an issue where "-" was displayed as label in that case, which
was very annoying when using the label card only for displaying an icon.
Signed-off-by: Florian Hotze <dev@florianhotze.com>
This fixes a nasty bug on initial setup of an embedded SVG that has no configuration yet.
---------
Also-by: Florian Hotze <dev@florianhotze.com>
Signed-off-by: Stefan Höhn <mail@stefanhoehn.com>
This is major contribution to the fixed canvas layout which allows
an SVG background to become an active part of the page. Through this
feature the SVG itself can become an active component of the page.
Keep in mind: it is not a replacement for widgets ... widgets can and
should still be used but it allows the background itself to be as
interactive as a widget.
---------
Also-by: Florian Hotze <dev@florianhotze.com>
Signed-off-by: Stefan Höhn <mail@stefanhoehn.com>
Use grid instead of flex with a minimum card width and automatic sizing.
Looks nearly the same on smaller screens and much better on large
screens.
Also limit width of single add-on card in swiper component as a
safeguard.
---------
Signed-off-by: Florian Hotze <dev@florianhotze.com>
Do NOT allow the addition of the scene tag outside the scene editor and
addition of the script tag outside the script editor.
Signed-off-by: Florian Hotze <dev@florianhotze.com>
This allows setting the step size for date and datetime contexts, which
makes the UI display seconds if the step size is 1.
Refs #2847.
Signed-off-by: Florian Hotze <dev@florianhotze.com>
- Default to action input name if no label provided
- Use label for action output "result" if provided
- Display action output descriptions if provided
---------
Signed-off-by: Florian Hotze <dev@florianhotze.com>
Fixes Items list flickering when an Item is added, updated or removed.
Fixes the same issue for other lists, where this is a regression from
#2823 and #2827.
Signed-off-by: Florian Hotze <dev@florianhotze.com>
Follow-up for #2216.
- Do not use addon swiper on iPad.
- Revert addon card size changes.
- Show more addon cards in swiper in landscape mode.
---------
Signed-off-by: Florian Hotze <dev@florianhotze.com>
By setting step size to 0 in a config description parameter, one can
allow any step size i.e. the user can enter as many decimals as he wants
to.
Signed-off-by: Florian Hotze <dev@florianhotze.com>
Fixes#2205 and fixes#1668.
This slighly reduces the addon card size on desktop and uses a swiper
(like in many app stores) instead of a flex on mobile.
Signed-off-by: Florian Hotze <dev@florianhotze.com>