Igniteui-angular: Create Active cell style

[zdrawku]

Description

Add style for Active cell that will indicate that a cell is active, this should apply for:

• Grid cell
• Summary cell

Active cell example:

In the image above, the active cell style is with black border.

[zdrawku]

Hey team, I wanted to check what is the status of this requirement, more especially the style for "Focused Grouped row"?

[zdrawku]

Related to https://github.com/IgniteUI/igniteui-angular/pull/2752#event-1917146658

[zdrawku]

Grouped row focus style separate issue

[zdrawku]

@SlavUI, could you plan this for the next sprint or discuss with @desig9stein when they will have availability to start with the task.

[simeonoff]

@zdrawku I feel we should follow the processes to the T. Not skipping steps. We don't have designs for that feature request yet. We should plan for that first, then jump to implementation.

[zdrawku]

@StefanIvanov could you update the issue based on the design meeting from today, as well as the specification.

[StefanIvanov]

I don't seem to able to find a specification and we have only the three styles as takeaways from the meeting today:

• Row selection will use a secondary 200 background color style for the cells
• Active cell style will use a 2px cell border with secondary 500 color (outline similar to the one for editing)
• Cell selection will use a grays 200 style (if rows are selected the two colors will stack)

[StefanIvanov]

row selected

active cell

selected cell

[desig9stein]

@StefanIvanov Which one indicates what?

[StefanIvanov]

My bad I was misled by the meta description and thought it would annotate the respective image :)

[desig9stein]

@StefanIvanov Can you also include the colours which they should use

[StefanIvanov]

They are included in the text paragraph just above the screenshots, but AFAIK @simeonoff is already playing with them

[simeonoff]

@desig9stein I would advise to wait for this pull request to get merged first https://github.com/IgniteUI/igniteui-angular/pull/3195