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

Remove popover responsive hack #1759

Merged
merged 7 commits into from
Nov 22, 2021
Merged

Remove popover responsive hack #1759

merged 7 commits into from
Nov 22, 2021

Conversation

langermank
Copy link
Contributor

  • Copies Popover hack into Primer CSS, removing .page-responsive
  • By default, on screens smaller than 767px Popover will be full-width and without caret
  • Removed dependency on Box
  • Organized docs a bit

Fixes: https://github.com/github/primer/issues/324

/cc @primer/css-reviewers

@langermank langermank requested a review from a team as a code owner November 19, 2021 19:17
@changeset-bot
Copy link

changeset-bot bot commented Nov 19, 2021

🦋 Changeset detected

Latest commit: ac124d2

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/css Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link
Member

@jonrohan jonrohan left a comment

Choose a reason for hiding this comment

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

Looks good, and Awesome that you're adding stories as you're going ✨

Comment on lines +202 to +205
top: auto;
right: 0;
bottom: 0;
left: 0;
Copy link
Contributor

Choose a reason for hiding this comment

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

@langermank Sorry this is too late and would need to be a follow-up PR.

But we might wanna keep the !important. There are cases where Popovers are positioned manually to adjust to certain content. E.g. using right: -327px; bottom: -8px.

Also the width of the Popover-message that probably gets customized too. E.g. width: 250px;

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Ah! No problem, will follow up with a fix. Thanks :)

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.

3 participants