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

GH-101: Bug Fixes #248

Merged

Conversation

wesleyboar
Copy link
Member

Overview

Fix misc. bugs with new header.

Notice: Portal nav is in position matching design, but not position suggested verbally by Design.

Changes

  • Fix: See commits for fixes.
  • New: Add support for nested rules in CSS.

Testing

  • Load Docs, CMS, and Portal.
  • Check everything header related.

The Docs nav was covering the Header nav because of its z-index.

Older use of z-index required excess application and values.

Since browsers agreed on stacking context, z-index usage is simplified.
Explanation:
- The selector `.s-header:not(.is-on-portal)` failed.
- Because It affected Portal & Docs, which lack `.is-on-portal`.
- It must be limited to CMS (until Portal & Docs have `.is-on-portal`).

Other Changes:
- Improved related comments.
- Added and used `--nav-x-wide-and-...` custom media queries.
- _Minor_: Define variable (even if its absense breaks nothing).
- __Fix__: Remove effort to half-match design.
- _Minor_: Accept and note the deviation above.
- __Fix__: Spacing values were wrong.
- _Minor_: Reorganized Dropdown styles to mirror Nav style organization.
- __Fix__: No background color for shown nav item dropdown.
- _Minor_: Add missing comments for "Nav Link: State: Mobile/Desktop".
- __Fix__: Make this spacing more match design.
- __New__: Propogate constant renames and use new constants.
- __New__: Distinguish `--header-navbar-...-pad` for mobile & normal.
- __New__: Add CSS nesting support.
- __New__: Add CSS nesting test case.
- __Fix__: Darken background for browsers that cannot blur yet.
- _MInor_: Fix other `backdrop-filter` instances.
@wesleyboar wesleyboar changed the title GH-101: Docs Side Nav to not cover Head Mobile Nav GH-101: Bug Fixes Jun 4, 2021
@wesleyboar wesleyboar self-assigned this Jun 4, 2021
@wesleyboar wesleyboar merged commit 6d24071 into task/GH-101-header-redesign Jun 4, 2021
@wesleyboar wesleyboar deleted the bugfix/GH-101-header-redesign--misc branch June 4, 2021 14:17
@wesleyboar wesleyboar mentioned this pull request Jun 4, 2021
26 tasks
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.

None yet

1 participant