Skip to content

Fix Footer Issue On Medium Viewports#1692

Merged
jonahtanjz merged 6 commits into
MarkBind:masterfrom
kaixin-hc:fix-footer-issue
Dec 19, 2021
Merged

Fix Footer Issue On Medium Viewports#1692
jonahtanjz merged 6 commits into
MarkBind:masterfrom
kaixin-hc:fix-footer-issue

Conversation

@kaixin-hc

@kaixin-hc kaixin-hc commented Dec 16, 2021

Copy link
Copy Markdown
Contributor

What is the purpose of this pull request?

  • Documentation update
  • Bug fix
  • Feature addition or enhancement
  • Code maintenance
  • Others, please explain:

Fixes #1634

Overview of changes:
Remove the margin-left of the footer in the default CSS template.

Anything you'd like to highlight / discuss:

Testing instructions:
Run markdown init and resize the viewport; there should be no left margin for the footer at any point.

Proposed commit message: (wrap lines at 72 characters)

Fix footer margin on medium viewports

Checklist: ☑️

  • Updated the documentation for feature additions and enhancements
  • Added tests for bug fixes or features
  • Linked all related issues
  • No unrelated changes

@jonahtanjz jonahtanjz left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Nice work @kaixin-hc 👍

Generally looks good. I've tried it out and it seems to have fixed the issue.

I believe only one of the expected test files needs to be updated. The rest of the changes in the other test files can be stashed as they are not relevant to the PR.

footer {
margin-left: 60px;
}
}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Only the changes in this file need to be committed as modifying the css file, packages/core/template/default/stylesheets/main.css, will only affect this test file.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Thanks for checking this for me! I've reverted and pushed changes to just that file.

@jonahtanjz

Copy link
Copy Markdown
Contributor

Thank you for updating :) It looks good!

Sorry missed this out earlier, seems like the css for the documentation site has the same issue.

image

While you are at it, able to also remove the margin-lefts from the documentation css docs/css/main.css, line 114 and 136, as well?

@kaixin-hc

kaixin-hc commented Dec 18, 2021

Copy link
Copy Markdown
Contributor Author

Sorry, for the wait, I've removed it!

@jonahtanjz jonahtanjz left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Thank you 👍

LGTM!

@jonahtanjz jonahtanjz added this to the 3.0.7 milestone Dec 18, 2021
@jonahtanjz jonahtanjz merged commit 32c383a into MarkBind:master Dec 19, 2021
@kaixin-hc kaixin-hc deleted the fix-footer-issue branch March 17, 2022 16:38
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.

Footer margin adjustment needed?

2 participants