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

Fix burger menu button #4572

Merged
merged 2 commits into from
Dec 30, 2020
Merged

Fix burger menu button #4572

merged 2 commits into from
Dec 30, 2020

Conversation

kulmann
Copy link
Member

@kulmann kulmann commented Dec 30, 2020

Description

The button for hiding/showing the left sidebar (burger menu) was not fully clickable. We fixed this by removing a negative margin that pulled the rest of the topbar over the button.
This bug was only taking effect when the search input field is hidden. This is why this was only a known bug in oCIS, not with oc10 backend (because we typically keep the search input when running with oc10).

Related Issue

Motivation and Context

How Has This Been Tested?

  • drone and manual

Screenshots (if appropriate):

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Technical debt
  • Tests

Checklist:

  • Code changes
  • Unit tests added
  • Acceptance tests added
  • Documentation ticket raised:

gutter="small"
class="uk-width-expand uk-flex-right oc-mt-rm"
>
<oc-grid v-if="!isPublicPage" flex gutter="small" class="uk-width-expand uk-flex-right oc-m-rm">
Copy link
Member Author

@kulmann kulmann Dec 30, 2020

Choose a reason for hiding this comment

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

Hint for reviewers: the only change here is that we don't use the utility class for removing the top margin (oc-mt-rm) anymore, but instead the utility class for removing all margins (oc-m-rm). The oc-grid is introducing a negative left margin (-15px) which is pulling parts of the topbar on top of the button. Removing the (unneeded) margins fixes that.

@kulmann kulmann self-assigned this Dec 30, 2020
@kulmann
Copy link
Member Author

kulmann commented Dec 30, 2020

Restarted CI because of random 502 bad gateway on yarnpkg.com: error https://registry.yarnpkg.com/fragment-cache/-/fragment-cache-0.2.1.tgz: Request failed "502 Bad Gateway"

@butonic butonic merged commit 5bd8d56 into master Dec 30, 2020
@delete-merged-branch delete-merged-branch bot deleted the fix-burger-menu-button branch December 30, 2020 19:27
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.

Clickable area in the burger menu for the sidebar is shifted
3 participants