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

[Dark Mode]: Search page #1147

Merged
merged 15 commits into from
Jul 1, 2024
Merged

[Dark Mode]: Search page #1147

merged 15 commits into from
Jul 1, 2024

Conversation

mmeigs
Copy link
Collaborator

@mmeigs mmeigs commented Jun 25, 2024

Stories/Links:

DOP-4697

Current Behavior:

Search

Staging Links:

Search

Notes:

Enables dark mode for Search page. Follows Figma.

README updates

    • This PR introduces changes that should be reflected in the README, and I have made those updates.
    • This PR does not introduce changes that should be reflected in the README

@mmeigs mmeigs changed the title visited and hover states [Dark Mode]: Search page Jun 25, 2024
Copy link
Collaborator

@caesarbell caesarbell left a comment

Choose a reason for hiding this comment

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

Overall this looks amazing. I just had some questions and some minor suggestions.

}
:visited {
${StyledResultTitle} {
color: ${searchResultTitleColorOnVisited};
Copy link
Collaborator

Choose a reason for hiding this comment

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

Would we want to use Purple/Base for the first <p> in the card, when it has been visited?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Can you explain why you think it should be the base? It is purple. Different purples depending on the darkMode.

src/components/SearchResults/SearchResult.js Outdated Show resolved Hide resolved
src/components/SearchResults/SearchResult.js Show resolved Hide resolved
src/components/SearchResults/SearchResult.js Show resolved Hide resolved
src/components/Tag.js Show resolved Hide resolved
src/components/Tag.js Outdated Show resolved Hide resolved
@caesarbell
Copy link
Collaborator

caesarbell commented Jun 27, 2024

This might be unrelated, but I noticed in the page pagination on prod that on page 1 the left arrow is not grayed out, but in the staging link it is. Was it intentional?

Screenshot 2024-06-27 at 1 31 16 PM

Screenshot 2024-06-27 at 12 25 32 PM

Copy link
Collaborator

@seungpark seungpark left a comment

Choose a reason for hiding this comment

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

LGTM. minor comments below but generally looks clean!

src/components/SearchResults/SearchResults.js Outdated Show resolved Hide resolved
src/components/SearchResults/SearchResults.js Outdated Show resolved Hide resolved
src/components/SearchResults/SearchResult.js Outdated Show resolved Hide resolved
@mmeigs mmeigs merged commit 85a219e into main Jul 1, 2024
2 of 4 checks passed
@mmeigs mmeigs deleted the DOP-4697-darkmode-search branch July 1, 2024 15:21
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.

4 participants