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: psa banner fixed on top #1391

Merged
merged 4 commits into from
Dec 20, 2022
Merged

Fix: psa banner fixed on top #1391

merged 4 commits into from
Dec 20, 2022

Conversation

katspaugh
Copy link
Member

What it solves

Resolves #1202

How this PR fixes it

The banner is now statically positioned on top of the header. When it's opened, the global header-height variable is set to 104px. When it's closed, it's set back to 52px.

Screenshot 2022-12-19 at 16 05 03

@github-actions
Copy link

github-actions bot commented Dec 19, 2022

Branch preview

✅ Deploy successful!

https://fix_banner--webcore.review-web-core.5afe.dev

@github-actions
Copy link

github-actions bot commented Dec 19, 2022

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type Occurrences Fixable
Errors 0 0
Warnings 0 0
Ignored 0 N/A
  • Result: ✅ success
  • Annotations: 0 total

Report generated by eslint-plus-action

@usame-algan
Copy link
Member

There is an issue on the Transaction page when scrolling down, the navbar is only half-visible. I think we need to use the header-height var there too.
Screenshot 2022-12-20 at 09 38 59

@katspaugh
Copy link
Member Author

@usame-algan good catch, I've adjusted the PageHeader to use the global var as well.

@francovenica
Copy link
Contributor

How many rows of text is the average for this banners? When there are 3 lines or more it start to "eat" the page
image

@katspaugh
Copy link
Member Author

The text is currently hardcoded, so 1 line.

@francovenica
Copy link
Contributor

Ok then. Looks good to me

@katspaugh katspaugh merged commit 8d45650 into dev Dec 20, 2022
@katspaugh katspaugh deleted the fix-banner branch December 20, 2022 14:39
@github-actions github-actions bot locked and limited conversation to collaborators Dec 20, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Banner is displayed over the app header
3 participants