-
Notifications
You must be signed in to change notification settings - Fork 1.2k
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
Removing ::before ::after padding hack on markdown #360
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Down with testing this in github, don't want to approve until we've checked that doesn't break things though!
.storybook/preview-head.html
Outdated
@@ -1,2 +1 @@ | |||
<link rel="stylesheet" href="https://unpkg.com/primer-css@9.2.0/build/build.css"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
padding: 0; | ||
padding-top: 0.2em; | ||
padding-bottom: 0.2em; | ||
padding: 0.2em 0.4em; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
One day in the future we should bring this into our proposed em-based scale and stick to common fractions.
letter-spacing: -0.2em; // this creates padding | ||
content: "\00a0"; | ||
} | ||
border-radius: 3px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Use the $border-radius
variable 😝
@@ -0,0 +1,18 @@ | |||
import React from 'react' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🎉 Yay for adding more stories! It would be great to add the rest of the markdown styles when you get a chance.
This was deployed to review-lab https://github.com/github/github/pull/79702 and I didn't find any regressions. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
Because of the
::before, ::after
hack, the code blocks are not fully selectable. This pr removes the hack. It's been so long since this was introduced (~3 years ago) It's not fully clear what this was preventing. I think it has to do with scrollbars in Firefox and Android browsers.I'd like to try and roll that back, then test on prod to see what bugs might crop up.
cc https://github.com/github/github/issues/58168