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

ENG-2696: Fix restore seed phrase screen scroll #700

Merged
merged 10 commits into from
Jan 15, 2024

Conversation

jordankzf
Copy link
Contributor

🔘 PR Type

What kind of change does this PR introduce?

  • Bugfix
  • Enhancement
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no API changes)
  • Build related changes
  • CI related changes
  • Documentation content changes
  • Other... Please describe:

📜 Background

Provide a brief explanation of why this pull request is needed. Include the problem you are solving or the functionality you are adding. Reference any related issues.

Issue Link: #[issue_number]
Context Link (if applicable):

🔄 Changes

Enumerate the changes made in this pull request, detailing what has been modified, added, or removed. Include technical details and implications if necessary.

Impact:

  • Explain the broader impact of these changes.
  • How it improves performance, fixes bugs, adds functionality, etc.

🖼 Screenshot / 📹 Video

Include screenshots or a video demonstrating the changes. This is especially helpful for UI changes.

✅ Review checklist

Please ensure the following are true before merging:

  • Code Style is consistent with the project guidelines.
  • Code is readable and well-commented.
  • No unnecessary or debugging code has been added.
  • Security considerations have been taken into account.
  • The change has been manually tested and works as expected.
  • Breaking changes and their impacts have been considered and documented.
  • Code does not introduce new technical debt or issues.

@jordankzf jordankzf self-assigned this Dec 4, 2023
@teebszet teebszet self-requested a review December 12, 2023 06:46
@DuskaT021 DuskaT021 added the returned Tested by the QA, didn't pass checks label Dec 12, 2023
@jordankzf jordankzf removed the returned Tested by the QA, didn't pass checks label Dec 19, 2023
@jordankzf
Copy link
Contributor Author

Fixed @DuskaT021's reported issue. Thanks!

teebszet
teebszet previously approved these changes Jan 4, 2024
@teebszet teebszet dismissed their stale review January 4, 2024 05:47

need to check the layout css changes, as they affect all screens

position: relative;
overflow-x: hidden;
Copy link
Member

Choose a reason for hiding this comment

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

I'm curious what did this solve for?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

scrnli_1_11_2024_2-24-51.PM.webm

overflow-x: hidden; removes the horizontal scrollbar here

Comment on lines +26 to +27
height: 100%;
min-height: 100vh;
Copy link
Member

@teebszet teebszet Jan 10, 2024

Choose a reason for hiding this comment

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

did you check that this doesn't break the other screens which open up via options.html?
e.g. any of the collectibles screens when you click 'Open gallery' button, or the ledger send flows

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes, I did! Attached screenshots to a new comment.

Comment on lines +9 to +10
height: '100%',
minHeight: '100vh',
Copy link
Member

Choose a reason for hiding this comment

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

same question as below.

did you check that this doesn't break the other screens which open up via options.html?
e.g. any of the collectibles screens when you click 'Open gallery' button, or the ledger send flows

width: '100vw',
backgroundColor: props.theme.colors.elevation0,
border: `1px solid ${props.theme.colors.elevation2}`,
boxShadow: '0px 8px 28px rgba(0, 0, 0, 0.35)',
overflow: 'hidden',
Copy link
Member

Choose a reason for hiding this comment

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

I'm curious what did this solve for?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Seems like this can be safely removed.

@teebszet
Copy link
Member

teebszet commented Jan 10, 2024

@jordankzf even though this is a minor UI fix, when you touch the css/layout which is shared across many screens, it requires a thorough check that nothing was broken.

in this case, it's a good idea to at least include screenshots or video of the affected layouts behaving as expected compared to production

@jordankzf
Copy link
Contributor Author

image

Ledger layout unaffected

image image Collectibles layout unaffected

@jordankzf jordankzf requested a review from teebszet January 11, 2024 07:29
Copy link

@jordankzf jordankzf merged commit 3dfb5ed into develop Jan 15, 2024
5 checks passed
@jordankzf jordankzf deleted the jordankzf/eng-2696-seedphrase-screen-scroll branch January 15, 2024 08:50
teebszet pushed a commit that referenced this pull request Jan 9, 2025
(To Develop) Fix balance breakdown label for ordinals and tooltip, batch sign loader for listing
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