Skip to content

Fix edge case issue where tutorials-overview bg may appear light #719

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

Conversation

mportiz08
Copy link
Contributor

Bug/issue #, if applicable: 108634043

Summary

In situations with no footer and a long viewport height and little actual content, the background of the empty space will be white.

It should be a darker fill color in any light/dark/auto appearance since that page purposefully has an "always-dark" design theme.

Testing

Steps:

  1. Open an existing tutorials overview page and remove any chapters it has, if any.
  2. Render that page with this branch using VUE_APP_TARGET=ide and verify that the empty space in a tall viewport appears dark instead of light, regardless of the user's overall light/dark/auto preference.

Checklist

Make sure you check off the following items. If they cannot be completed, provide a reason.

  • Added tests (CSS-only change)
  • Ran npm test, and it succeeded
  • Updated documentation if necessary

In situations with no footer and a long viewport height and little
actual content, the background of the empty space will be white.

It should be a darker fill color in any light/dark/auto appearance since
that page purposefully has an "always-dark" design theme.
@mportiz08
Copy link
Contributor Author

@swift-ci test

Copy link
Contributor

@hqhhuang hqhhuang left a comment

Choose a reason for hiding this comment

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

LGTM!

@mportiz08 mportiz08 merged commit c142759 into swiftlang:main Jul 18, 2023
@mportiz08 mportiz08 deleted the fix-issue-with-tutorials-overview-background branch July 18, 2023 17:54
mportiz08 added a commit to mportiz08/swift-docc-render that referenced this pull request Jul 18, 2023
…iftlang#719)

In situations with no footer and a long viewport height and little
actual content, the background of the empty space will be white.

It should be a darker fill color in any light/dark/auto appearance since
that page purposefully has an "always-dark" design theme.

Resolves: rdar://108634043
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