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

fix: mismatched selection color #1430

Conversation

wasimapinjari
Copy link
Contributor

@wasimapinjari wasimapinjari commented Jul 26, 2023

Description

This PR fixes the issue of the mismatched selection color.

Update _document.tsx to include a new class for the body element. The new class sets the background color and text color for selected text.

Generated using OpenSauced.

What type of PR is this?

  • 🐛 Bug Fix
  • 🎨 Style

Related Ticket:

Fixes #1424

Desktop Screenshot:

Cropping Images (80)

Added tests?

  • 🙅 no, because they aren't needed

Added to documentation?

  • 🙅 no documentation needed

@netlify
Copy link

netlify bot commented Jul 26, 2023

Deploy Preview for design-insights ready!

Name Link
🔨 Latest commit bfb79bf
🔍 Latest deploy log https://app.netlify.com/sites/design-insights/deploys/64c112937cc456000839384b
😎 Deploy Preview https://deploy-preview-1430--design-insights.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@netlify
Copy link

netlify bot commented Jul 26, 2023

Deploy Preview for oss-insights ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit bfb79bf
🔍 Latest deploy log https://app.netlify.com/sites/oss-insights/deploys/64c112932d0aed0008d86471
😎 Deploy Preview https://deploy-preview-1430--oss-insights.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@a0m0rajab
Copy link
Contributor

LGTM 👍

Copy link
Member

@bdougie bdougie left a comment

Choose a reason for hiding this comment

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

I tested on firefox as well.

Screen Shot 2023-07-26 at 6 45 11 AM

Also @wasimapinjari, I generated a description for this.

@bdougie bdougie merged commit 8a1d37b into open-sauced:beta Jul 26, 2023
github-actions bot pushed a commit that referenced this pull request Jul 26, 2023
### [1.57.1-beta.7](v1.57.1-beta.6...v1.57.1-beta.7) (2023-07-26)

### 🎨 Styles

* remove irrelevant padding in page divider ([#1427](#1427)) ([5faaa4e](5faaa4e))

### 🐛 Bug Fixes

* mismatched selection color ([#1430](#1430)) ([8a1d37b](8a1d37b))
@github-actions
Copy link
Contributor

🎉 This PR is included in version 1.57.1-beta.7 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

github-actions bot pushed a commit that referenced this pull request Aug 2, 2023
## [1.58.0](v1.57.0...v1.58.0) (2023-08-02)

### 🧑‍💻 Code Refactoring

*  merge `authSession` function into `useSession` hook ([#1391](#1391)) ([d6c230d](d6c230d))

### 🎨 Styles

* add width and max width for created at in contributor-profile-tab ([#1429](#1429)) ([5614886](5614886))
* remove irrelevant padding in page divider ([#1427](#1427)) ([5faaa4e](5faaa4e))

### 🍕 Features

* add devcard button to user profile ([#1339](#1339)) ([6a1dbdc](6a1dbdc))
* new contributor highlight card ([#1443](#1443)) ([c88000b](c88000b))
* update redirect to feed page for unauthenticated users ([#1464](#1464)) ([6d8505f](6d8505f))

### 🐛 Bug Fixes

* add checkbox id name if not available based on label ([#1466](#1466)) ([68f66a7](68f66a7))
* add navigation to improve accessibility ([#1436](#1436)) ([d1d85f7](d1d85f7))
* contributor profile tab click state flicker ([#1432](#1432)) ([c9cf8ed](c9cf8ed))
* Deleted page button changed to delete highlight ([#1419](#1419)) ([d502605](d502605))
* fixed bug on chatbot button overlay ([#1420](#1420)) ([2a94583](2a94583))
* hide onboarding button on mobile ([#1460](#1460)) ([f63f240](f63f240))
* Improve Keyboard Accessibility for Notification Icon ([#1435](#1435)) ([05291c0](05291c0))
* improve layout design for large screens [#1231](#1231) ([#1437](#1437)) ([d8ae808](d8ae808))
* misaligned chat button close icon ([#1422](#1422)) ([60f22bd](60f22bd))
* mismatched selection color ([#1430](#1430)) ([8a1d37b](8a1d37b))
* reduce tab font size in contributors profile page ([#1413](#1413)) ([238dc2f](238dc2f))
* show repo filters on initial `feeds` route visit ([#1426](#1426)) ([833ee30](833ee30))
* tab inconsistency in user profile matching the url ([#1403](#1403)) ([f8c6766](f8c6766))
@github-actions
Copy link
Contributor

github-actions bot commented Aug 2, 2023

🎉 This PR is included in version 1.58.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

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

Successfully merging this pull request may close these issues.

Bug: mismatched selection color
3 participants