Ember Burger Menu Versions Save

:boom: Breaking Change

• #152 ember-auto-import 2, node >= 12, update all the things (@rwwagner90)
• #124 Update ember and various things (@ttill)

Committers: 2

• Robert Wagner (@rwwagner90)
• Till Theato (@ttill)

• setup events after state that caused them (#128) a4a5f21b4160

https://github.com/offirgolan/ember-burger-menu/compare/v3.3.3...v3.3.4

Pull Requests

• #88 Better Sass by @offirgolan

Release Notes

• Hard dependency on sass (now required in the host application)
  • Allows to override various variables
  • Allows to selective import only the sass files you need
• More fine grain selector matching to support multi-level nested burger menus
• [BREAKING] slide-shrink renamed to squeeze
• [BREAKING] Menu item class has now been moved to the top level ember-burger-menu element. It can now be accessed via .ember-burger-menu.bm-item--stack
• [BREAKING] Please see Custom Animations for the new sass structure for custom animations

Sass

Installing ember-burger-menu should also install ember-cli-sass and automatically create a scss file under app/styles/app.scss with

// app/styles/app.scss

@import 'ember-burger-menu';

Overriding Variables

Using sass, you can override default variables and easily change the default behavior of ember-burger-menu. See variables.scss for a list of variables you can change.

// app/styles/app.scss

// Burger Menu Overrides
$bm-transition-duration: 0.3s;
$bm-overlay-background: rgba(0, 0, 0, 0.7);

// Import all the styles!
@import 'ember-burger-menu';

Import Only What You Need

Using sass, you can import only the styles you need for the animations you use.

// Core Styles
@import 'ember-burger-menu/variables';
@import 'ember-burger-menu/structure';

// Animations
@import 'ember-burger-menu/animations/push';
@import 'ember-burger-menu/animations/menu-item/stack';

Pull Requests

• #80 Fastboot by @mayko780

Pull Requests

• #79 [FEATURE] Multiple Menu Support by @offirgolan

Release Notes

• Multiple menus can now co-exist in your application
• Improved event listeners
• [BREAKING] Removed burger-menu service as it was used to back a single menu state and no longer makes sense to have.
• [BREAKING] When the menu is in a locked state, actions can no longer change the state of the menu.
• [BREAKING] The default height is no longer set to 100vh, instead it is set to 100%. If you upgrade and your menu is no longer visible, please check the available viewport height.

Pull Requests

• #69 [BUGFIX] Remove preventDefault from passive event listener touchM

Pull Requests

• #62 [FEATURE] Slide Shrink Animation by @offirgolan

Pull Requests

• #29 [FEATURE] Locked + gesturesEnabled + use ember-lifeline by @offirgolan

Pull Requests

• #21 Make height 100vh by @rwwagner90

Pull Requests

• #13 [BUGFIX] Use originalEvent to access touches by @offirgolan