Title with line inherit alignment bug

[DanielPerry]

I think this is a bug I’m not positive.
But using the title element, with line type left line, and alignment set to inherit.
Then setting the text alignment at a column level to left or right.
The title will align right regardless of what option is given in the column.
You can see it demonstrated here.
Thanks again
Dan

Topic

[DanielPerry]

Seems to be an issue on desktop, mobile seems fine.

[Marius1989]

It seems there is no specific rule in the stylesheet for this case.
This happens also on mobile btw., you just can’t see it, because the space is to small to push the heading to the right.

Reason: “flex-direction: row-reverse” is used to switch the line from right to left. This also pushes the heading itself to the right.

Do you need to inherit the heading align, because you want to achieve different designs on several breakpoints or what’s the issue you are facing?

[DanielPerry]

It’s not an issue, as I can align the individual title elements. Just reporting a potential bug.

[Marius1989]

Sure, you are able to align the heading itself, this is the reason why I was asking for your specific use case.
As I said, not a bug, just missing some styling rules. Not sure if they are really needed.
If you really do, just open a ticket and discuss it with the team, I guess.

[Author]

Replies