burgermenu-rails 0.0.2 → 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 8bb25c375b10b6d24bebe462850dd8e248912662
4
- data.tar.gz: 7c8dc0a453d6bc92da4514c046af483605b35440
3
+ metadata.gz: 593265fac257c8fae6fe48bd06aa89f3f08eca5f
4
+ data.tar.gz: 2eac4168b343e435c9c7a50d85c31a43d50bf52b
5
5
  SHA512:
6
- metadata.gz: 38b45a38fae4e75fe822ac387e70fdc67e415df7400c5aef656c83ba75c606b5628bdf63b6c3da72b0aba0ba3ac55f78197ed0227c8d8ab2e2fc7025c683e83c
7
- data.tar.gz: 84464ccfeccc6d0ec9124e572b57facc4a6f87825bd2f5f2812ba744c4854b21653c0aeca986f1fe9ece20f3355a4c93650416b9a208bf923a9ecd33d7f419da
6
+ metadata.gz: 4bb4ba895e11a1f94b0e7c1bf201dbfcd5a877dfb5eb2a4151090583939f09d908a80b6dcd0fa5921a504aa6d36e88529e08b74efba80bfe5cc2696db58c45ff
7
+ data.tar.gz: 9741e453bcf87c727c66a8403caac15e1d8543a12258f2c2f15dbf232ff586c2d07b18bed1de85288a5f5ae3d416b9ee44915821fc85e2d52f3ef58f9e020cb9
@@ -13,7 +13,7 @@
13
13
  var $document = $(window.document),
14
14
  defaults = {
15
15
  position: "left",
16
- toggle_selector: '#menu-toggle',
16
+ toggle_selector: '#burgermenu-toggle',
17
17
  parent_selector: '.has-children',
18
18
  children_selector: '.is-children',
19
19
  dropdown_selector: '.dropdown',
@@ -37,12 +37,17 @@
37
37
  $html = $('html'),
38
38
  opts = this.options;
39
39
 
40
+ $html.find('body').append('<div id="burgermenu-blocker"/>');
41
+ $(opts.toggle_selector).addClass('burgermenu-toggle');
42
+
40
43
  // Bind open/close menu event burgermenu.toggle to element menu
41
44
  $el.bind('burgermenu.toggle', function() {
42
45
  $html.toggleClass('opened-' + opts.position);
43
46
  });
44
- $document.on('click', opts.toggle_selector, function(e) {
47
+
48
+ $document.on('click touchstart', '#burgermenu-blocker, ' + opts.toggle_selector, function(e) {
45
49
  e.preventDefault();
50
+ e.stopPropagation();
46
51
  $el.trigger('burgermenu.toggle');
47
52
  });
48
53
 
@@ -5,12 +5,12 @@ $menu-width: 273px !default;
5
5
 
6
6
  // Layout styles
7
7
  body {
8
- overflow-x: hidden;
8
+ -webkit-text-size-adjust: none;
9
9
  }
10
10
 
11
11
  %burgermenu {
12
12
  width: $menu-width;
13
- position: fixed;
13
+ position: absolute;
14
14
  top: 0;
15
15
  bottom: 0;
16
16
  z-index: 0;
@@ -18,12 +18,22 @@ body {
18
18
  -webkit-transition: all 0.6s ease;
19
19
  transition: all 0.6s ease;
20
20
  ul {
21
+ position: fixed;
22
+ overflow: scroll;
21
23
  overflow-x: hidden;
22
24
  overflow-y: auto;
25
+ top: 0;
26
+ bottom: 0;
27
+ left: 0;
28
+ width: 100%;
23
29
  height: 100%;
24
30
  margin: 0;
25
31
  padding: 0;
26
32
  list-style: none;
33
+ z-index: 0;
34
+ -webkit-overflow-scrolling: touch;
35
+ -webkit-transform: none;
36
+ transform: none;
27
37
  }
28
38
  .is-children {
29
39
  position: fixed;
@@ -37,12 +47,14 @@ body {
37
47
  }
38
48
  .has-children {
39
49
  &.opened > .is-children {
50
+ z-index: 3;
40
51
  -webkit-transform: translate3d(-$menu-width, 0, 0);
41
52
  transform: translate3d(-$menu-width, 0, 0);
42
53
  }
43
54
  }
44
55
  .dropdown {
45
- ul {
56
+ > ul {
57
+ position: static;
46
58
  display: none;
47
59
  }
48
60
  }
@@ -67,14 +79,46 @@ body {
67
79
  .page-wrapper {
68
80
  position: relative;
69
81
  z-index: 10;
82
+ overflow: hidden;
83
+ width: 100%;
84
+ min-width: 320px;
70
85
  -webkit-transition: all 0.6s ease;
71
86
  transition: all 0.6s ease;
72
87
  }
73
88
 
74
- .opened-left {
89
+ #burgermenu-blocker {
90
+ display: none;
91
+ width: 100%;
92
+ height: 100%;
93
+ position: fixed;
94
+ top: 0;
95
+ left: 0;
96
+ z-index: 999999;
97
+ background: rgba(0,0,0,0.15);
98
+ }
99
+
100
+ .opened-left,
101
+ .opened-right {
75
102
  overflow: hidden;
76
- .page-wrapper {
103
+ position: relative;
104
+ body {
77
105
  overflow: hidden;
106
+ }
107
+ .page-wrapper {
108
+ min-height: 100vh;
109
+ z-index: 0;
110
+ }
111
+ %burgermenu {
112
+ z-index: 1;
113
+ }
114
+ #burgermenu-blocker {
115
+ display: block;
116
+ }
117
+ }
118
+ .opened-left {
119
+ .burgermenu-toggle,
120
+ #burgermenu-blocker,
121
+ .page-wrapper {
78
122
  -webkit-transform: translate3d($menu-width, 0, 0);
79
123
  transform: translate3d($menu-width, 0, 0);
80
124
  }
@@ -84,9 +128,9 @@ body {
84
128
  }
85
129
  }
86
130
  .opened-right {
87
- overflow: hidden;
131
+ .burgermenu-toggle,
132
+ #burgermenu-blocker,
88
133
  .page-wrapper {
89
- overflow: hidden;
90
134
  -webkit-transform: translate3d(-$menu-width, 0, 0);
91
135
  transform: translate3d(-$menu-width, 0, 0);
92
136
  }
@@ -1,5 +1,5 @@
1
1
  module BurgerMenu
2
2
  module Rails
3
- VERSION = "0.0.2"
3
+ VERSION = "0.1.0"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,41 +1,41 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: burgermenu-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.2
4
+ version: 0.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Victor Ortiz
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-03-03 00:00:00.000000000 Z
11
+ date: 2015-04-26 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - "~>"
17
+ - - ~>
18
18
  - !ruby/object:Gem::Version
19
19
  version: '1.7'
20
20
  type: :development
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
- - - "~>"
24
+ - - ~>
25
25
  - !ruby/object:Gem::Version
26
26
  version: '1.7'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: rake
29
29
  requirement: !ruby/object:Gem::Requirement
30
30
  requirements:
31
- - - "~>"
31
+ - - ~>
32
32
  - !ruby/object:Gem::Version
33
33
  version: '10.0'
34
34
  type: :development
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
- - - "~>"
38
+ - - ~>
39
39
  - !ruby/object:Gem::Version
40
40
  version: '10.0'
41
41
  description: Simple mobile offcanvas menu made with css3 animations
@@ -45,7 +45,7 @@ executables: []
45
45
  extensions: []
46
46
  extra_rdoc_files: []
47
47
  files:
48
- - ".gitignore"
48
+ - .gitignore
49
49
  - Gemfile
50
50
  - LICENSE.txt
51
51
  - README.md
@@ -66,17 +66,17 @@ require_paths:
66
66
  - lib
67
67
  required_ruby_version: !ruby/object:Gem::Requirement
68
68
  requirements:
69
- - - ">="
69
+ - - '>='
70
70
  - !ruby/object:Gem::Version
71
71
  version: '0'
72
72
  required_rubygems_version: !ruby/object:Gem::Requirement
73
73
  requirements:
74
- - - ">="
74
+ - - '>='
75
75
  - !ruby/object:Gem::Version
76
76
  version: '0'
77
77
  requirements: []
78
78
  rubyforge_project:
79
- rubygems_version: 2.4.5
79
+ rubygems_version: 2.0.14
80
80
  signing_key:
81
81
  specification_version: 4
82
82
  summary: Simple mobile offcanvas menu