ConfirmModal block between other blocks breaks layout #1463
Replies: 4 comments 2 replies
-
Hi @vrilcode |
Beta Was this translation helpful? Give feedback.
-
Hey @Gervwyk, this is a minimal example, where the problem occurs: id: test
type: PageHeaderMenu
properties:
title: Test
layout:
contentGutter: 8
blocks:
- id: my_button1
type: Button
- id: my_confirm_modal
type: ConfirmModal
properties:
content: Are you sure?
- id: my_button2
type: Button In this example, it just adds some gutter, but there are also cases where it forces line breaks etc. If I use id: test
type: PageHeaderMenu
properties:
title: Test
layout:
contentGutter: 8
blocks:
- id: my_button1
type: Button
- id: my_confirm_modal
type: ConfirmModal
properties:
content: Are you sure?
style:
display: none
- id: my_button2
type: Button |
Beta Was this translation helpful? Give feedback.
-
It may be temp. solution:
in |
Beta Was this translation helpful? Give feedback.
-
The id: test
type: PageHeaderMenu
properties:
title: Test
layout:
contentGutter: 8
blocks:
- id: btn_box
type: Box
blocks:
- id: my_button1
type: Button
- id: my_confirm_modal
type: ConfirmModal
properties:
content: Are you sure?
style:
display: none
- id: my_button2
type: Button This will apply the gutter padding to the |
Beta Was this translation helpful? Give feedback.
-
If I use a ConfirmModal between other blocks (e.g. Button) it breaks my layout, because it's a CSS block element (and also has gutter/padding etc). If I use extra style
display: none
it's fine. As a new Lowdefy user I am unsure, whether this is intended. If not,display: none
should probably be a default property for ConfirmModal blocks. Maybe regular Modal blocks are also affected, I've not tested it.Beta Was this translation helpful? Give feedback.
All reactions