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

Collapsing sidebar fixes #28

Conversation

kennyadsl
Copy link
Member

Description

This PR is a proposal to fix some issues with solidusio#3322

  • Fixes flash messages when the nav is collapsed
Before After
Schermata 2019-10-24 alle 15 13 47 Schermata 2019-10-25 alle 14 02 05
  • Remove animations since they are still buggy (some text is appearing before the sidebar fully slides) and the result without them is pretty good in my opinion. We can add them later with a separate PR that just tackles this improvement.
  • There are 2 sections in the variable.scss files for Sidebar, I removed one of them.

I'm also tempted to remove the tooltip stuff since now works only on the upper menu items, while I think we should find a better solution to have them on all items but I think it can be done in a separate PR as well. WDYT?

cc @mfrecchiami @davidedistefano

Copy link
Member

@spaghetticode spaghetticode left a comment

Choose a reason for hiding this comment

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

@kennyadsl thank you 👍

@kennyadsl kennyadsl force-pushed the kennyadsl/style-collapsing-sidebar branch from 24fc80d to 70f87fe Compare October 30, 2019 13:40
@kennyadsl kennyadsl force-pushed the mfrecchiami/style-collapsing-sidebar branch from 3fa5c8a to 65a017d Compare October 30, 2019 13:41
Flash messages wrapper element is currently being cut at the
width of the standard sidebar, even when it is collapsed.

This commit allows the wrapper to be displayed correctly,
based on the current size of the sidebar.
At the moment they have some visual issues and the result
without them is acceptable. We can add them later with a
separate PR.
This section is present twice in the file. Probably one of them
has been added in some rebase.
We are not using it anymore since it's not ready. It's working
only for items of the upper part of the menu.
This is needed because Sticky-Kit hardcodes the width of the
sticky elements into the CSS directly. When we collapse the
sidebar, some of them change size and we need to invalidate the
Sticky-Kit cache in order to let it recalculate the new width.
@kennyadsl kennyadsl force-pushed the kennyadsl/style-collapsing-sidebar branch from 70f87fe to ff0f21c Compare October 30, 2019 13:43
@kennyadsl kennyadsl merged commit 24c5373 into mfrecchiami/style-collapsing-sidebar Oct 30, 2019
@kennyadsl kennyadsl deleted the kennyadsl/style-collapsing-sidebar branch October 30, 2019 13:46
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.

2 participants