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

Adds padding above form buttons, fixes scroll behavior #1138

Merged
merged 3 commits into from
Jan 8, 2024

Conversation

daniellemaxwell
Copy link
Collaborator

@daniellemaxwell daniellemaxwell commented Jan 8, 2024

Scope of changes

  • Replaces GIT with REV in the sidebar footer.
  • Adds padding above certificate form buttons.
  • Fixes issue where clicking next or previous scrolled page to center of a form. (Note: Though this fix was applied, after clicking Previous on the review section the page scrolls to the bottom of section 5 which is the TRIXO form. This is the only instance where I noticed this issue persists, but couldn't determine why.)

Type of change

  • bug fix
  • new feature
  • documentation
  • other (copy edits & style updates)

Acceptance criteria

https://www.awesomescreenshot.com/video/23860311?key=ee7201e8d7325f34abb9ae6fadf5b905

Author checklist

  • I have manually tested the change and/or added automation in the form of unit tests or integration tests
  • I have updated the dependencies list
  • I have recompiled and included new protocol buffers to reflect changes I made
  • I have added new test fixtures as needed to support added tests
  • Check this box if a reviewer can merge this pull request after approval (leave it unchecked if you want to do it yourself)
  • I have moved the associated Shortcut story to "Ready for Review"

Reviewer(s) checklist

  • Any new user-facing content that has been added for this PR has been QA'ed to ensure correct grammar, spelling, and understandability.

@@ -6,6 +6,7 @@ body {
height: '100%';
font-family: 'Open sans', sans-serif;
scroll-behavior: smooth;
overflow-anchor: none;
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

While making updates to the form, I noticed that the page would often scroll to the center of the page instead of the top. This change appears to remove a browser default causing the issue. https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-anchor

Copy link
Collaborator

@bbengfort bbengfort left a comment

Choose a reason for hiding this comment

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

Assuming the merge conflicts will not change the functionality here!

@@ -147,7 +147,7 @@ const SidebarContent = ({ onClose, ...rest }: SidebarProps) => {
textAlign={'center'}
color="white"
width="100%">
<Text>GIT: {appGitVersion || 'N/A'}</Text>
<Text>REV: {appGitVersion || 'N/A'}</Text>
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
<Text>REV: {appGitVersion || 'N/A'}</Text>
<Text>App: {appGitVersion || 'N/A'}</Text>

@daniellemaxwell daniellemaxwell merged commit b8c9e1b into main Jan 8, 2024
15 checks passed
@daniellemaxwell daniellemaxwell deleted the sc-23206 branch January 8, 2024 19:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

2 participants