feat(dropdown): update indigo styles

[SisIvanova]

Related to https://github.com/IgniteUI/igniteui-theming/issues/234

[didimmova]

• Shadow should be ig-elevation-2 in the dark theme.

[didimmova]

I think the outline of the active item should have outline-offset like in the angular PR

[andiesm813]

@SisIvanova i couldnt run these either....

[andiesm813]

I think the outline of the active item should have outline-offset like in the angular PR

When you say "active" i assume it's focused.... if so, and if what you mean about the offset is that it's outlined center or outside the element, we actually have inside border.

[AnjiManova]

• (same comment from Angular) paddings are 3px, but the border should be placed inside (in the kit, the space between the border and the active/hover background is 2px, not sure how you are going to implement it, but we can discuss it if you want

[AnjiManova]

The overline style is wrong. A merged PR with the overline style is available, but the change is not visible in this PR.

[AnjiManova]

• there are additional gaps in the item that should be removed

[AnjiManova]

• the prefix has an additional 16px margin that I believe should be removed

[AnjiManova]

• after selecting an item and reopening the dropdown, the item stays focused

[AnjiManova]

The code is not from WebC but there is the same issue so I duplicate the comment from Angular

[AnjiManova]

• the border radius should be fixed or something not sure what is the problem here

[SisIvanova]

• the border radius should be fixed or something not sure what is the problem here

This issue is not related to the Indigo design updates and will be fixed in a separate PR.

[SisIvanova]

The overline style is wrong. A merged PR with the overline style is available, but the change is not visible in this PR.

I believe the font styles are correct.

[sdimchevski]

I think we are ready with the verification. @andiesm813 do you have something to add because I want to change the label to design:verified

[andiesm813]

@SisIvanova i couldnt run these either....

I am still not able to run this branch (since 2 weeks ago)..... @SisIvanova i cannot verify or add anything else. Anji reviewed this thoroughly and i'm sure she didnt miss anything. So we can mark it as verified if you want @sdimchevski

[SisIvanova]

I am still not able to run this branch (since 2 weeks ago)..... @SisIvanova i cannot verify or add anything else. Anji reviewed this thoroughly and i'm sure she didnt miss anything. So we can mark it as verified if you want @sdimchevski

You couldn't run the samples because of the theming package version. Simeon created a new PR including the Indigo design changes for the dropdown, progress, and list components. You should be able to test it without any difficulty.

[andiesm813]

@SisIvanova yes! Didi told me as well! i was able to test it now! The only thing i see weird is the Web Components version, it has like a white background color and then inside the actual dropdown appears, with the rounded corners.... In Angular it looks ok.

These corners i mean

[SisIvanova]

@SisIvanova yes! Didi told me as well! i was able to test it now! The only thing i see weird is the Web Components version, it has like a white background color and then inside the actual dropdown appears, with the rounded corners.... In Angular it looks ok.

These corners i mean

This problem is reproducible in all themes and will be fixed in a separate PR. I will log a new issue.