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 Furo's responsiveness for qiskit-card and qiskit-call-to-action-item #447

Merged
merged 4 commits into from
Jul 5, 2023

Conversation

Eric-Arellano
Copy link
Collaborator

These rendered really badly when using Furo on the Terra docs.

Copy link
Member

@frankharkins frankharkins 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! I have some design suggestions, but they're subjective so I won't let them block the PR.

Comment on lines +77 to +83
@media (max-width: 67em) {
width: 15rem;
}

@media (max-width: 40em) {
width: 10rem;
}
Copy link
Member

Choose a reason for hiding this comment

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

Looks good for now, I wonder if a different arrangement would look nicer at small screen sizes. For example, here's some cards from qiskit.org/events at wide and narrow:

Screenshot 2023-07-03 at 10 43 41 Screenshot 2023-07-03 at 10 43 19

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I like this a lot more. Thank you! Thoughts if it's a Furo 1.0 blocker? Or fine to go out in late July / early August with the next theme release?

If it's fine to wait, I'll open an issue to track this.

Copy link
Member

Choose a reason for hiding this comment

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

No I don't think it should block anything, just a nice-to-have for the future :)

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Opened #460

@Eric-Arellano Eric-Arellano merged commit 10fff40 into main Jul 5, 2023
@Eric-Arellano Eric-Arellano deleted the EA/fix-responsiveness-directives branch July 5, 2023 15:09
Eric-Arellano added a commit to Eric-Arellano/qiskit_sphinx_theme that referenced this pull request Jul 5, 2023
…n-item` (Qiskit#447)

These rendered really badly when using Furo on the Terra docs.
Eric-Arellano added a commit that referenced this pull request Jul 5, 2023
…n-item` (Cherry-pick of #447) (#461)

These rendered really badly when using Furo on the Terra docs.
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