[SOLVED] SVG's all shrunk

Bugs
#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
SOLVED: SVG width/height inherits default styling
#2

Can confirm, same here.

#3

Confirm the problem , same here

#4

I am replying as I am interested in updates to this thread.

#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.

#6

same for me, however the temp fix below isnt working

.brxe-svg {
height: 100% !important;
width: 100% !important;
}

#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
#8

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.

#9

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…

image
image1627×914 41.9 KB

#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
#11

Hey everyone :wave:

This SVG width/height bug should have been fixed in the latest 1.5 RC2 :partying_face:

If anyone is still experiencing any issues, please let me know.

2 Likes
#12

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…