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

add a bit of border to select boxes #9348

Merged
merged 3 commits into from
Jul 3, 2023

Conversation

chris48s
Copy link
Member

@chris48s chris48s commented Jul 3, 2023

In #9324 I added a bit of border to text boxes.
I forgot to add it to select boxes.

Before:

Screenshot at 2023-07-03 14-59-32

After:

Screenshot at 2023-07-03 14-59-54

@chris48s chris48s added the frontend The React app and the infrastructure that supports it label Jul 3, 2023
@@ -31,7 +31,7 @@ html[data-theme="dark"] .docusaurus-highlight-code-line {
color-scheme: initial;
}

input[type="text"] {
input[type="text"], :not(#fakeID#fakeId#fakeID) select {
Copy link
Member Author

Choose a reason for hiding this comment

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

This is not great CSS. Every select box has a couple of classes attached to it with long auto-generated names that I don't really want to use directly. They seem like they may not be reliable over time.
In order to make a more specific selector, I've used this hack https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#increasing_specificity_by_duplicating_selector

I might have a look at opening a PR to implement this and #9324 upstream at the component layer so we clean this up a bit.

@github-actions
Copy link
Contributor

github-actions bot commented Jul 3, 2023

Messages
📖 ✨ Thanks for your contribution to Shields, @chris48s!
📖

Thanks for contributing to our documentation. We ❤️ our documentarians!

Generated by 🚫 dangerJS against f7c3cf6

@repo-ranger repo-ranger bot merged commit 9fafb31 into badges:master Jul 3, 2023
21 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend The React app and the infrastructure that supports it
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants