NO BUG: In the button element, the position control does not support CSS classes

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hello bricks team,

If we create a class on the button element and apply the desired changes, the icon Position control seems to be incompatible with the class. Isn’t the position of the icon in the button element controlled with CSS?

position

2

Hi Victor,
Thanks so much for your report!

No, it isn’t set with CSS. Inspecting the HTML, you can see that the order changes directly in the DOM. However, starting with 2.0, you can create a custom selector such as .yourClass i or .yourClass svg, depending on what type of icon you’re using, and use flex order to rearrange the icon with CSS:

image
image874×572 17.9 KB

Best regards,
timmse

1 Like