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

Fixes centering of Help and Play icons in header in some browsers by removing padding (#2567) #2570

Merged
merged 24 commits into from
Dec 30, 2019

Conversation

Samrose-Ahmed
Copy link
Contributor

Headers were out of center due to padding being applied by Button component. Set padding to 0px to fix.

Pull Request checklist

  • [ ✓ ] Documentation: If this feature has or requires documentation, the relevant docs have been updated.
  • [ ✓ ] Changelog: This PR updates the changelog with any user-visible changes.
  • [ ✓ ] Tests: This PR includes thorough tests or an explanation of why it does not

@codecov
Copy link

codecov bot commented Dec 18, 2019

Codecov Report

Merging #2570 into master will increase coverage by 0.18%.
The diff coverage is 91.66%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master    #2570      +/-   ##
==========================================
+ Coverage   71.05%   71.23%   +0.18%     
==========================================
  Files         239      239              
  Lines        5876     5883       +7     
  Branches      937      940       +3     
==========================================
+ Hits         4175     4191      +16     
+ Misses       1684     1675       -9     
  Partials       17       17
Impacted Files Coverage Δ
...or/components/iomd-editor/fetch-line-suggestion.js 100% <ø> (ø) ⬆️
src/editor/actions/sagas/fetch-cell-saga.js 9.67% <0%> (ø) ⬆️
src/shared/utils/fetch-tools.js 100% <100%> (+90%) ⬆️
src/editor/actions/fetch-cell-parser.js 97.53% <100%> (+0.03%) ⬆️
src/editor/state-schemas/state-schema.js 87.5% <100%> (ø) ⬆️

Copy link
Contributor

@wlach wlach left a comment

Choose a reason for hiding this comment

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

Hi @Samrose-Ahmed! Thanks for this. This works fine, but I think it would be better to override the class menu-button with this change:

Something like padding: 0 !important; should do the trick.

Also, can you add a quick note to CHANGELOG.md about this change? The PR title should be fine.

renovate bot and others added 23 commits December 19, 2019 11:40
@@ -1,7 +1,11 @@
# (Unreleased; add upcoming change notes here)
- Fixes centering of Help and Play icons in header in some browsers by removing padding (#2567)
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
- Fixes centering of Help and Play icons in header in some browsers by removing padding (#2567)
- Center "Help" and "Play" icons in some browsers (fixes #2567) (#2570)

@wlach
Copy link
Contributor

wlach commented Dec 30, 2019

This looks good, minus some wording nits in the changelog. I will merge, and adjust the changelog after.

@wlach wlach merged commit 1afb3aa into iodide-project:master Dec 30, 2019
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.

3 participants