CONSOLE-3090: [Dark Theme] Convert custom row-filter to use PatternFly ToggleGroup component for styling that is dark theme enabled.

[sg00dwin]

Since row-filter uses a toggle for filtering, I've converted it to use https://www.patternfly.org/v4/components/toggle-group/ styling.
cc @vikram-raj @mattnolting

before

after

[sg00dwin]

/label docs-approved
/label px-approved

We have docs- and px-approval for the epic.

[sg00dwin]

QE Approver:
/assign @yanpzhan

[rhamilto]

/lgtm

[mattnolting]

@sg00dwin This looks awesome!!! Great update. I noticed toggle group could potentially break some things when viewport width is limited or there are many items in the group, so I opened sg00dwin#5 to prevent unwanted layout adjustments.

[mattnolting]

Fantastic!

/LGTM

[openshift-ci]

@mattnolting: changing LGTM is restricted to collaborators

In response to this:

Fantastic!

/LGTM

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[sg00dwin]

@rhamilto mind retagging. Had to push some changes.

[rhamilto]

Changes look good. Mind squashing?

[rhamilto]

/lgtm

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: mattnolting, rhamilto, sg00dwin

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• frontend/OWNERS [rhamilto]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[yanpzhan]

@sg00dwin launched a cluster against the pr, check on the binding api page, the "User" and "Group" box color is white, is it an issue?

[sg00dwin]

@sg00dwin launched a cluster against the pr, check on the binding api page, the "User" and "Group" box color is white, is it an issue?

@yanpzhan that issue will be fixed when #11370 merges. So I'll put a hold on this for now and re tag you once it's merged, so you can retest.

[sg00dwin]

Hi @yanpzhan #11370 has merged so this is ready for qe approval.

[sg00dwin]

/assign @yapei for QE approval

[openshift-ci]

@sg00dwin: GitHub didn't allow me to assign the following users: for, QE, approval.

Note that only openshift members, repo collaborators and people who have commented on this issue/PR can be assigned. Additionally, issues/PRs can only have 10 assignees at the same time.
For more information please see the contributor guide

In response to this:

/assign @yapei for QE approval

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[yanpzhan]

/label qe-approved

[openshift-ci]

@sg00dwin: all tests passed!

Full PR test history. Your PR dashboard.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository. I understand the commands that are listed here.