Easily Improve Tab Element - reverse layouts

Hi everyone,

I tried to make a 2 tabs with Bricks on some page, then I noticed that the 2 resuIts I was wanting wanting to do are absent.
Only because you can choose between horizontal (which adds a class with flex-direction: column) and vertical (which adds row instead of column)

I can easily fix this by adding custom css
.bricks-element-tabs .bricks-tabs-wrapper.vertical {flex-direction: row-reverse;}
.bricks-element-tabs .bricks-tabs-wrapper.horizontal {flex-direction: column-reverse;}

I don’t know how to add this in the Bricks Element but that looks like an easy addition that would make everything simpler.

1 Like