Skip to content

update CounterLabel styling & add Tab icon#17

Open
wojcik91 wants to merge 3 commits intodevfrom
update-CounterLabel-styling
Open

update CounterLabel styling & add Tab icon#17
wojcik91 wants to merge 3 commits intodevfrom
update-CounterLabel-styling

Conversation

@wojcik91
Copy link

@wojcik91 wojcik91 commented Mar 2, 2026

Required to implement DefGuard/defguard#2014

@wojcik91 wojcik91 requested a review from filipslezaklab March 2, 2026 14:42
@wojcik91 wojcik91 self-assigned this Mar 2, 2026

span {
font: var(--t-body-xxs-600);
font-size: var(--body-micro-11, 11px);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In design it's clearly xss-500, so use it.

<p className="title">{title}</p>
<div className="title">
{icon && <Icon icon={icon} size={16} staticColor={ThemeVariable.FgAttention} />}
{title}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

render text it in p or span tag.

font: var(--t-body-sm-500);
color: var(--color);
text-align: center;
display: flex;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

restrict row flow to no-wrap

text-align: center;
display: flex;
align-items: center;
justify-content: center;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

flex-start

<div className="line"></div>
<p className="title">{title}</p>
<div className="title">
{icon && <Icon icon={icon} size={16} staticColor={ThemeVariable.FgAttention} />}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should be explicit bool check, use isPresent

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bcs Tab is shared component nad not rly for one occasion it would make more sense to pass IconProps instead of only iconKindValue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants