[WIP] Shape Divider SVG min-width & min-height issue

Bugs
1

Bricks Version: 1.5
Browser: Chrome 90
OS: macOS / Windows / Linux / etc.
URL: (a link to a page that illustrates the issue would be really helpful)

([SOLVED] Shape divider broken - #8 by thomas)

Regarding the problem of the shape dividers that must be solved in version 1.5 I continue to have problems.
In my case the resizing stops at 15 pixels … it doesn’t go under this value…

I saw that in the frontend.min there are these 2 directives in the style that I had to fix on unset to fix the problem …
[class*=brxe-] svg:not([height]) {
min-height: 1em;
}
[class*=brxe-] svg:not([height]) {
min-width: 1em;
}

image
image595×926 44.2 KB

image

2

Hey Paolo,
Thanks so much for your report!

The default styles are applied only to SVGs with no width or height. Otherwise, they would be 0x0 in size, not visible, and could not be selected on the canvas (at least not without giving them a width or height).

This was intended as a “fallback” but can certainly cause problems. The question is, what causes fewer problems (and, accordingly, bug reports)?

Best regards,
timmse

3

I understand, but the question is: will you fix it or not? just know it so people can take the bug in mind and fix it like I did.

4

I just had a look at this issue in more detail. We will provide a fix in the next scheduled update.

@ninmorfeo About your temporary custom CSS fix: To make sure it only applies to the shape divider SVG you could use the following CSS instead:

.bricks-shape-divider .bricks-shape-divider-inner svg {
  min-width: unset;
  min-height: unset;
}
1 Like