feat(styles): icon tabs header horizon delta theming

[g-cheishvili]

Related Issue

part of #3213

Description

Icon tabs bar update

Breaking Changes

• Overflow button instead of positioning itself using position: absolute, now positions using margin-left: auto. It now is always in the end of container

[netlify]

✅ Deploy Preview for fundamental-styles ready!

Name	Link
🔨 Latest commit	108bd7f
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-styles/deploys/625864edac5f5a000aa433e5
😎 Deploy Preview	https://deploy-preview-3301--fundamental-styles.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[platon-rov]

• Container padding is different

Current:

Specs:

• Label color is grey what is incorrect.

Current:

Specs:

• Icons not centered, for not selected tab glyph color is wrong

Current:

Specs:

[platon-rov]

Padding of the header is set with sizing. By default fd-icon-tab-bar does not have any padding

I see, but accordingly to the specifications size S should be applied for small screens, M for medium and so on, and we don't apply it implicitly. It's weirdo to don't have paddings at all and i don't see anything about this variant without paddings in the wiki, maybe we should contact designers, what do you think?

For some reason Label color and font is correctly set, but visually it does not appear. Although in theming variables they exist

Inactive tab should have color: --sapTextColor, but it has color: var(--sapContent_LabelColor).

[platon-rov]

Accidentally approved.

Accidental approval

[g-cheishvili]

Padding of the header is set with sizing. By default fd-icon-tab-bar does not have any padding

I see, but accordingly to the specifications size S should be applied for small screens, M for medium and so on, and we don't apply it implicitly. It's weirdo to don't have paddings at all and i don't see anything about this variant without paddings in the wiki, maybe we should contact designers, what do you think?

For some reason Label color and font is correctly set, but visually it does not appear. Although in theming variables they exist

Inactive tab should have color: --sapTextColor, but it has color: var(--sapContent_LabelColor).

Theme changer glitches, if you change theme to horizon, then refresh page, it will load correct variables and then you'll see that although correct vars are set, it still shows differently from wiki. Plus color is correct in that case, but font-family is incorrect

[github-actions]

This pull request is stale because it has been open 2 days with no activity. Remove stale label or comment or this will be closed in 3 days