Skip to content

Keep tab width constant regardles of active/inactive state #789

@eug3nix

Description

@eug3nix

When tab becomes active the label text font weight changes.
A side effect of that is that the tab width expands a bit.

This is a subtle cosmetic issue but it can be avoided by creating a pseudo-element that is invisible but contains the same tab text and using the same font-weight as active tab does.
This pseudo element will "reserve" the extra space within the tab element

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions