cmstew
July 30, 2022, 2:38pm
1
Similar to the already reported shape divider issue , there’s also an issue with regular svg’s.
svg’s get this for styling:
.brxe-svg {
width: 100%;
height: 100%;
}
but they get overridden by this:
[class*=brxe-]:not(.brxe-icon) svg:not([width]) {
width: 1em
}
[class*=brxe-]:not(.brxe-icon) svg:not([height]) {
height: 1em
}
Additionally, setting custom width/height for svg’s inside query loops is ignored completely because query loop styles have lower priority due to the Id getting converted to Classes.
1 Like
Confirm the problem , same here
I am replying as I am interested in updates to this thread.
omega
July 31, 2022, 10:13am
5
There is a temporary solution available though. [1.5-rc] WIP: Shape divider broken - #4 by Nima
Use .brxe-svg { with width height important instead of shape divider selector.
same for me, however the temp fix below isnt working
.brxe-svg {
height: 100% !important;
width: 100% !important;
}
cmstew
July 31, 2022, 3:26pm
7
This is a better temp fix that fixes almost all the broken svg’s, EXCEPT svg’s that are inside query loops.
[class*=brxe-]:not(.brxe-icon) svg:not([width]) {
width: 100%;
}
[class*=brxe-]:not(.brxe-icon) svg:not([height]) {
height: 100%;
}
2 Likes
Thank you for the fix. This worked for me.
I also confirm this behavior after upgrading to RC from Beta.
This is also the case for the Logo element while using an SVG for it.
Same issue with my svg logo(I am using the logo element). The CSS makes matters worse by increasing the size of the alert element close icon…
timmse
August 1, 2022, 7:10pm
10
Hi guys,
Thanks so much for your report(s)!
Due to the shape divider bug , we already have the problem on our radar and will fix it in the next release.
Best regards,
timmse
1 Like
thomas
August 6, 2022, 6:41am
11
Hey everyone
This SVG width/height bug should have been fixed in the latest 1.5 RC2
If anyone is still experiencing any issues, please let me know.
2 Likes
Hi @thomas , I switched from 1.5Beta to RC+RC2 on a local site. Although the logo element (with SVG) is present in the structure, but it is not existent in the builder and frontend.
[SOLVED] I exported the SVG logo again and now it works in RC+RC2. Strange that it was still displayed fine in the beta…