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

Inline code uses correct color in a table's header row #49828

Merged
merged 1 commit into from
Dec 17, 2024

Conversation

ian-at-airbyte
Copy link
Contributor

What

Fixes an edge case where inline code in table header cells used the wrong font color, which made that font illegible.

Before:
image

After:

image

How

Minor CSS update

Review guide

integrations/destinations/r2#csv - check the color of text in table headings. It should be legible both as regular text and as inline code, both in light and dark mode.

User Impact

Unreadable text is now readable.

Can this PR be safely reverted and rolled back?

  • YES 💚
  • NO ❌

Copy link

vercel bot commented Dec 17, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
airbyte-docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Dec 17, 2024 0:52am

@@ -261,7 +261,9 @@ table tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}


table th code {
color: var(--ifm-color-content);
Copy link
Contributor

Choose a reason for hiding this comment

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

@ian-at-airbyte would it make sense to also remove the background? feels weird to have a background on the header like that

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I experimented with this a bit. The main drawback when removing the background is it becomes more difficult to notice that this is code font. Given it's rare to use code font in this way, I think I'm going to assume authors who do this want the text to be quite obviously code font.

Copy link
Contributor

@letiescanciano letiescanciano left a comment

Choose a reason for hiding this comment

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

small nitpick, but nothing blocking!

@ian-at-airbyte ian-at-airbyte merged commit 9f819a1 into master Dec 17, 2024
31 checks passed
@ian-at-airbyte ian-at-airbyte deleted the docs-fix-code-color-in-table-heading-cells branch December 17, 2024 18:37
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.

2 participants