IgniteUI / igniteui-dockmanager

Ignite UI Dock Manager Web Component provides means to manage the layout of your application.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Style for tab header close button is not properly applied

mtsvyatkova opened this issue · comments

Description

Setting style for the close button in a tab header using the part like this:

igc-dockmanager::part(tab-header-close-button) {
background-color: #e73c7e;
}

does not work unless a custom button is defined for the closeButton slot

Steps to reproduce

  1. Open the sample under Customization topic in the documentation: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/dock-manager#customization
  2. Comment out the custom close button in the index.html file

Result

The background color is not applied to the tab header close button.

Expected result

The background color should be applied to the tab header close button.

Attachments

dock-manager-close-button