search

IgniteUI / igniteui-angular-samples

Ignite UI for Angular demos for all available components and features
https://bit.ly/2L19rhp
36 stars 25 forks source link

IgxGrid Column Hiding Styling sample not applying the custom themes #3335

Closed georgianastasov closed 1 year ago

georgianastasov commented 1 year ago

Description

The column hiding button in the IgxGrid Toolbar is in its default style, although there is a custom theme created extending button-theme, but it is not even passed to the :host to be applied. Also, the custom themes showcased by the sample is not applied to the IgxGrid Column Hiding due to the missing ::ng-deep selector in the grid-column-hiding-toolbar-style.component.scss file.

Steps to reproduce

  1. Go to this demo.
  2. Observe that the column hiding button in the IgxGrid Toolbar is with its default style.
  3. Click on it and open the column hiding drop-down to observe the result.

Result

Besides the column hiding button in the toolbar, the column hiding drop-down is with its default theme along with the checkboxes and buttons in it.

Expected result

The column hiding button in the IgxGrid Toolbar as well as the column hiding drop-down with the checkboxes and buttons in it should apply the custom created theme. For example this sample.

Attachments

chrome_HnrZw8ru9c

georgianastasov commented 1 year ago

Closing as a duplicate of #3301