-
Notifications
You must be signed in to change notification settings - Fork 1.2k
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
Restore page bottom margin #7388
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@jankeromnes could you take a look at this small change when you are back?
@@ -167,7 +167,7 @@ export default function () { | |||
</div> | |||
<button onClick={showStartWSModal} className="ml-2">New Workspace</button> | |||
</div> | |||
<ItemsList className="app-container"> | |||
<ItemsList className="app-container pb-40"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
thought: Not sure why this didn't work with margin but using padding here does the trick.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good, and works as advertised! Much better this way 😌 ✨
/approve
LGTM label has been added. Git tree hash: a0af3d01bd2975b942ae28676a67c4be53d04d10
|
[APPROVALNOTIFIER] This PR is APPROVED This pull-request has been approved by: jankeromnes Associated issue: #4634 The full list of commands accepted by this bot can be found here. The pull request process is described here
Needs approval from an approver in each of these files:
Approvers can indicate their approval by writing |
Thanks, @jankeromnes! 🐈 |
Description
Following the changes in #7065, this will🅰️ revert the change from #4417 and 🅱️ add some extra margin at the bottom of each page provides better UX when navigating long lists or large sections that reach the bottom of the viewport when scrolling to the end of the lists or sections.
Related Issue(s)
Fixes #4634
Screenshots
How to test
Try opening a few workspaces so that that list of worksspaces reaches the bottom of the viewport or going to user preferences on a viewport with a small height. Then, scroll down to the bottom of the page. Notice how this PR introduces some extra white space at the bottom of the page and lists or sections do not seem attached to the bottom of the viewport.
Release Notes