Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

73 Emphasize current active sorted column #76

Open
wants to merge 1 commit into
base: dev
Choose a base branch
from

Conversation

Fifok
Copy link
Contributor

@Fifok Fifok commented Aug 31, 2023

I added highlighting currently selected/sorted column header.

I'm aware about duplication. We need better components structure. I'll add issue for that.

@Fifok Fifok requested a review from mgorzanski August 31, 2023 08:23
@Fifok Fifok linked an issue Aug 31, 2023 that may be closed by this pull request
@@ -1,5 +1,6 @@
@import 'variables/breakpoints';

:root {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Isn't optimizely oui using sass variables for colors? Maybe we should do the same? See node_modules\optimizely-oui\src\oui\_oui-variables.scss for reference

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also, maybe these colors are declared already? Please search in @optimizely\design-tokens\dist\scss\_colors.scss

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should reuse as much as possible

@@ -195,10 +199,11 @@ const ContentTypesView = () => {
.filter((column) => column.visible)
.map((column) => (
<Table.TH
className={column.id === sortBy ? activeColumnHeaderClassName : columnHeaderClassName}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

When active, both classes should be added - according to BEM methodology

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I suggest using classNames package

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Sort direction is applied on all columns' labels
2 participants