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 +4 -4
- data/app/assets/javascripts/burgermenu.js +7 -2
- data/app/assets/stylesheets/_burgermenu.scss +51 -7
- data/lib/burgermenu-rails/version.rb +1 -1
- metadata +10 -10
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 593265fac257c8fae6fe48bd06aa89f3f08eca5f
|
4
|
+
data.tar.gz: 2eac4168b343e435c9c7a50d85c31a43d50bf52b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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: '#
|
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
|
-
|
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
|
-
|
8
|
+
-webkit-text-size-adjust: none;
|
9
9
|
}
|
10
10
|
|
11
11
|
%burgermenu {
|
12
12
|
width: $menu-width;
|
13
|
-
position:
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
}
|
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
|
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-
|
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
|
-
-
|
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.
|
79
|
+
rubygems_version: 2.0.14
|
80
80
|
signing_key:
|
81
81
|
specification_version: 4
|
82
82
|
summary: Simple mobile offcanvas menu
|