WAIT: Strong tag in icon list label bug

Bugs
1

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

  1. Add icon list element
  2. Add some icons and use strong tag in icon label

Space don’t work and it’s breaks on mobile:

dekstop view
dekstop view538×623 80.9 KB

mobile view
mobile view538×669 82 KB

2

Does the space not appearing happen only when using a custom SVG icon?

3

The problem will appear on each icon. It does not matter if svg or from available libraries. The problem is generally with html elements in icon label.

The second problem is if you add many lines of text in the label. With svg something starts to fall apart.

image

Everything can be tested quickly by myself I have no external modifications.

4

Hi Tomasz,
Thanks so much for your report!

Maybe a line of custom CSS will help in your specific case.
Add this to the Icon List element:

root.brxe-social-icons span {
  display: inline-block; /*the default is inline-flex */
}

Best regards,
timmse

5

No change, problem is with svg icon

6

So the problem only exists using an SVG?
Please record a screencast and explain it to me briefly :pray:

7

Problem all over the place :slight_smile: video: