igniteui-webcomponents icon indicating copy to clipboard operation
igniteui-webcomponents copied to clipboard

fix(tabs): fix non-working Sass theme parameters

Open adrianptrv opened this issue 3 months ago • 2 comments

Closes: #1915 Also replaced igx-icon with igc-icon in the Tabs WC demo (Angular project) to ensure the Tabs theme "icon" parameters work correctly. #16395

adrianptrv avatar Oct 29 '25 19:10 adrianptrv

Angular: -No border radius applied in material theme


WC:


  • No border color
  • No border color hover


Disabled button is using button-background in angular and item-background for WC, check which one is right

https://github.com/user-attachments/assets/da6385df-bc2a-4f7a-a19d-a8d3446124fc

didimmova avatar Oct 30 '25 06:10 didimmova

THEME: INDIGO It looks like item-active-background is not used anywhere in the Indigo theme, including in the Angular repo. Its current value also seems incorrect: when I apply it in the expected place, it renders as transparent. I believe it should use the same color as the item-hover-background, since that’s what is currently used in that state.

desig9stein avatar Nov 04 '25 10:11 desig9stein

THEME: INDIGO It looks like item-active-background is not used anywhere in the Indigo theme, including in the Angular repo. Its current value also seems incorrect: when I apply it in the expected place, it renders as transparent. I believe it should use the same color as the item-hover-background, since that’s what is currently used in that state.

I have added and set up three new parameters for the active tab - $item-active-hover-background $item-active-hover-color $item-active-hover-icon-color The changes can now be tested again using this theming PR: 495

adrianptrv avatar Nov 10 '25 17:11 adrianptrv

@adrianptrv, the active background is still not working. I should be able to see the active background on the active tab in the idle state and the active hover background when I hover the active tab.

desig9stein avatar Nov 11 '25 10:11 desig9stein