gridstack-js-rails 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,318 @@
1
+ :root .grid-stack-item > .ui-resizable-handle {
2
+ filter: none;
3
+ }
4
+
5
+ .grid-stack {
6
+ position: relative;
7
+ }
8
+ .grid-stack .grid-stack-placeholder > .placeholder-content {
9
+ border: 1px dashed lightgray;
10
+ margin: 0;
11
+ position: absolute;
12
+ top: 0;
13
+ left: 10px;
14
+ right: 10px;
15
+ bottom: 0;
16
+ width: auto;
17
+ z-index: 0 !important;
18
+ }
19
+ .grid-stack > .grid-stack-item {
20
+ min-width: 8.33333333%;
21
+ position: absolute;
22
+ padding: 0;
23
+ }
24
+ .grid-stack > .grid-stack-item > .grid-stack-item-content {
25
+ margin: 0;
26
+ position: absolute;
27
+ top: 0;
28
+ left: 10px;
29
+ right: 10px;
30
+ bottom: 0;
31
+ width: auto;
32
+ z-index: 0 !important;
33
+ overflow-x: hidden;
34
+ overflow-y: auto;
35
+ }
36
+ .grid-stack > .grid-stack-item > .ui-resizable-handle {
37
+ position: absolute;
38
+ font-size: 0.1px;
39
+ display: block;
40
+ -ms-touch-action: none;
41
+ touch-action: none;
42
+ }
43
+ .grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
44
+ display: none;
45
+ }
46
+ .grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing {
47
+ z-index: 100;
48
+ }
49
+ .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,
50
+ .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content,
51
+ .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
52
+ box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
53
+ opacity: 0.8;
54
+ }
55
+ .grid-stack > .grid-stack-item > .ui-resizable-se,
56
+ .grid-stack > .grid-stack-item > .ui-resizable-sw {
57
+ text-align: right;
58
+ color: gray;
59
+ padding: 2px 3px 0 0;
60
+ margin: 0;
61
+ font: normal normal normal 10px/1 FontAwesome;
62
+ font-size: inherit;
63
+ text-rendering: auto;
64
+ -webkit-font-smoothing: antialiased;
65
+ -moz-osx-font-smoothing: grayscale;
66
+ }
67
+ .grid-stack > .grid-stack-item > .ui-resizable-se::before,
68
+ .grid-stack > .grid-stack-item > .ui-resizable-sw::before {
69
+ content: "\f065";
70
+ }
71
+ .grid-stack > .grid-stack-item > .ui-resizable-se {
72
+ display: inline-block;
73
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
74
+ -webkit-transform: rotate(90deg);
75
+ -moz-transform: rotate(90deg);
76
+ -ms-transform: rotate(90deg);
77
+ -o-transform: rotate(90deg);
78
+ transform: rotate(90deg);
79
+ }
80
+ .grid-stack > .grid-stack-item > .ui-resizable-nw {
81
+ cursor: nw-resize;
82
+ width: 20px;
83
+ height: 20px;
84
+ left: 10px;
85
+ top: 0;
86
+ }
87
+ .grid-stack > .grid-stack-item > .ui-resizable-n {
88
+ cursor: n-resize;
89
+ height: 10px;
90
+ top: 0;
91
+ left: 25px;
92
+ right: 25px;
93
+ }
94
+ .grid-stack > .grid-stack-item > .ui-resizable-ne {
95
+ cursor: ne-resize;
96
+ width: 20px;
97
+ height: 20px;
98
+ right: 10px;
99
+ top: 0;
100
+ }
101
+ .grid-stack > .grid-stack-item > .ui-resizable-e {
102
+ cursor: e-resize;
103
+ width: 10px;
104
+ right: 10px;
105
+ top: 15px;
106
+ bottom: 15px;
107
+ }
108
+ .grid-stack > .grid-stack-item > .ui-resizable-se {
109
+ cursor: se-resize;
110
+ width: 20px;
111
+ height: 20px;
112
+ right: 10px;
113
+ bottom: 0;
114
+ }
115
+ .grid-stack > .grid-stack-item > .ui-resizable-s {
116
+ cursor: s-resize;
117
+ height: 10px;
118
+ left: 25px;
119
+ bottom: 0;
120
+ right: 25px;
121
+ }
122
+ .grid-stack > .grid-stack-item > .ui-resizable-sw {
123
+ cursor: sw-resize;
124
+ width: 20px;
125
+ height: 20px;
126
+ left: 10px;
127
+ bottom: 0;
128
+ }
129
+ .grid-stack > .grid-stack-item > .ui-resizable-w {
130
+ cursor: w-resize;
131
+ width: 10px;
132
+ left: 10px;
133
+ top: 15px;
134
+ bottom: 15px;
135
+ }
136
+ .grid-stack > .grid-stack-item[data-gs-width='1'] {
137
+ width: 8.33333333%;
138
+ }
139
+ .grid-stack > .grid-stack-item[data-gs-x='1'] {
140
+ left: 8.33333333%;
141
+ }
142
+ .grid-stack > .grid-stack-item[data-gs-min-width='1'] {
143
+ min-width: 8.33333333%;
144
+ }
145
+ .grid-stack > .grid-stack-item[data-gs-max-width='1'] {
146
+ max-width: 8.33333333%;
147
+ }
148
+ .grid-stack > .grid-stack-item[data-gs-width='2'] {
149
+ width: 16.66666667%;
150
+ }
151
+ .grid-stack > .grid-stack-item[data-gs-x='2'] {
152
+ left: 16.66666667%;
153
+ }
154
+ .grid-stack > .grid-stack-item[data-gs-min-width='2'] {
155
+ min-width: 16.66666667%;
156
+ }
157
+ .grid-stack > .grid-stack-item[data-gs-max-width='2'] {
158
+ max-width: 16.66666667%;
159
+ }
160
+ .grid-stack > .grid-stack-item[data-gs-width='3'] {
161
+ width: 25%;
162
+ }
163
+ .grid-stack > .grid-stack-item[data-gs-x='3'] {
164
+ left: 25%;
165
+ }
166
+ .grid-stack > .grid-stack-item[data-gs-min-width='3'] {
167
+ min-width: 25%;
168
+ }
169
+ .grid-stack > .grid-stack-item[data-gs-max-width='3'] {
170
+ max-width: 25%;
171
+ }
172
+ .grid-stack > .grid-stack-item[data-gs-width='4'] {
173
+ width: 33.33333333%;
174
+ }
175
+ .grid-stack > .grid-stack-item[data-gs-x='4'] {
176
+ left: 33.33333333%;
177
+ }
178
+ .grid-stack > .grid-stack-item[data-gs-min-width='4'] {
179
+ min-width: 33.33333333%;
180
+ }
181
+ .grid-stack > .grid-stack-item[data-gs-max-width='4'] {
182
+ max-width: 33.33333333%;
183
+ }
184
+ .grid-stack > .grid-stack-item[data-gs-width='5'] {
185
+ width: 41.66666667%;
186
+ }
187
+ .grid-stack > .grid-stack-item[data-gs-x='5'] {
188
+ left: 41.66666667%;
189
+ }
190
+ .grid-stack > .grid-stack-item[data-gs-min-width='5'] {
191
+ min-width: 41.66666667%;
192
+ }
193
+ .grid-stack > .grid-stack-item[data-gs-max-width='5'] {
194
+ max-width: 41.66666667%;
195
+ }
196
+ .grid-stack > .grid-stack-item[data-gs-width='6'] {
197
+ width: 50%;
198
+ }
199
+ .grid-stack > .grid-stack-item[data-gs-x='6'] {
200
+ left: 50%;
201
+ }
202
+ .grid-stack > .grid-stack-item[data-gs-min-width='6'] {
203
+ min-width: 50%;
204
+ }
205
+ .grid-stack > .grid-stack-item[data-gs-max-width='6'] {
206
+ max-width: 50%;
207
+ }
208
+ .grid-stack > .grid-stack-item[data-gs-width='7'] {
209
+ width: 58.33333333%;
210
+ }
211
+ .grid-stack > .grid-stack-item[data-gs-x='7'] {
212
+ left: 58.33333333%;
213
+ }
214
+ .grid-stack > .grid-stack-item[data-gs-min-width='7'] {
215
+ min-width: 58.33333333%;
216
+ }
217
+ .grid-stack > .grid-stack-item[data-gs-max-width='7'] {
218
+ max-width: 58.33333333%;
219
+ }
220
+ .grid-stack > .grid-stack-item[data-gs-width='8'] {
221
+ width: 66.66666667%;
222
+ }
223
+ .grid-stack > .grid-stack-item[data-gs-x='8'] {
224
+ left: 66.66666667%;
225
+ }
226
+ .grid-stack > .grid-stack-item[data-gs-min-width='8'] {
227
+ min-width: 66.66666667%;
228
+ }
229
+ .grid-stack > .grid-stack-item[data-gs-max-width='8'] {
230
+ max-width: 66.66666667%;
231
+ }
232
+ .grid-stack > .grid-stack-item[data-gs-width='9'] {
233
+ width: 75%;
234
+ }
235
+ .grid-stack > .grid-stack-item[data-gs-x='9'] {
236
+ left: 75%;
237
+ }
238
+ .grid-stack > .grid-stack-item[data-gs-min-width='9'] {
239
+ min-width: 75%;
240
+ }
241
+ .grid-stack > .grid-stack-item[data-gs-max-width='9'] {
242
+ max-width: 75%;
243
+ }
244
+ .grid-stack > .grid-stack-item[data-gs-width='10'] {
245
+ width: 83.33333333%;
246
+ }
247
+ .grid-stack > .grid-stack-item[data-gs-x='10'] {
248
+ left: 83.33333333%;
249
+ }
250
+ .grid-stack > .grid-stack-item[data-gs-min-width='10'] {
251
+ min-width: 83.33333333%;
252
+ }
253
+ .grid-stack > .grid-stack-item[data-gs-max-width='10'] {
254
+ max-width: 83.33333333%;
255
+ }
256
+ .grid-stack > .grid-stack-item[data-gs-width='11'] {
257
+ width: 91.66666667%;
258
+ }
259
+ .grid-stack > .grid-stack-item[data-gs-x='11'] {
260
+ left: 91.66666667%;
261
+ }
262
+ .grid-stack > .grid-stack-item[data-gs-min-width='11'] {
263
+ min-width: 91.66666667%;
264
+ }
265
+ .grid-stack > .grid-stack-item[data-gs-max-width='11'] {
266
+ max-width: 91.66666667%;
267
+ }
268
+ .grid-stack > .grid-stack-item[data-gs-width='12'] {
269
+ width: 100%;
270
+ }
271
+ .grid-stack > .grid-stack-item[data-gs-x='12'] {
272
+ left: 100%;
273
+ }
274
+ .grid-stack > .grid-stack-item[data-gs-min-width='12'] {
275
+ min-width: 100%;
276
+ }
277
+ .grid-stack > .grid-stack-item[data-gs-max-width='12'] {
278
+ max-width: 100%;
279
+ }
280
+ .grid-stack.grid-stack-animate, .grid-stack.grid-stack-animate .grid-stack-item {
281
+ -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
282
+ -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
283
+ -ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
284
+ -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
285
+ transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
286
+ }
287
+ .grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging, .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing, .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
288
+ -webkit-transition: left 0s, top 0s, height 0s, width 0s;
289
+ -moz-transition: left 0s, top 0s, height 0s, width 0s;
290
+ -ms-transition: left 0s, top 0s, height 0s, width 0s;
291
+ -o-transition: left 0s, top 0s, height 0s, width 0s;
292
+ transition: left 0s, top 0s, height 0s, width 0s;
293
+ }
294
+
295
+ /** Uncomment this to show bottom-left resize handle **/
296
+ /*
297
+ .grid-stack > .grid-stack-item > .ui-resizable-sw {
298
+ display: inline-block;
299
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
300
+ @include vendor(transform, rotate(180deg));
301
+ }
302
+ */
303
+ @media (max-width: 768px) {
304
+ .grid-stack-item {
305
+ position: relative !important;
306
+ width: auto !important;
307
+ left: 0 !important;
308
+ top: auto !important;
309
+ margin-bottom: 20px;
310
+ }
311
+ .grid-stack-item .ui-resizable-handle {
312
+ display: none;
313
+ }
314
+
315
+ .grid-stack {
316
+ height: auto !important;
317
+ }
318
+ }
metadata ADDED
@@ -0,0 +1,126 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: gridstack-js-rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.2.3
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - randoum
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2015-08-15 00:00:00.000000000 Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: lodash-rails
16
+ requirement: !ruby/object:Gem::Requirement
17
+ none: false
18
+ requirements:
19
+ - - ! '>='
20
+ - !ruby/object:Gem::Version
21
+ version: 3.5.0
22
+ type: :runtime
23
+ prerelease: false
24
+ version_requirements: !ruby/object:Gem::Requirement
25
+ none: false
26
+ requirements:
27
+ - - ! '>='
28
+ - !ruby/object:Gem::Version
29
+ version: 3.5.0
30
+ - !ruby/object:Gem::Dependency
31
+ name: underscore-rails
32
+ requirement: !ruby/object:Gem::Requirement
33
+ none: false
34
+ requirements:
35
+ - - ! '>='
36
+ - !ruby/object:Gem::Version
37
+ version: 1.7.0
38
+ type: :runtime
39
+ prerelease: false
40
+ version_requirements: !ruby/object:Gem::Requirement
41
+ none: false
42
+ requirements:
43
+ - - ! '>='
44
+ - !ruby/object:Gem::Version
45
+ version: 1.7.0
46
+ - !ruby/object:Gem::Dependency
47
+ name: jquery-rails
48
+ requirement: !ruby/object:Gem::Requirement
49
+ none: false
50
+ requirements:
51
+ - - ! '>='
52
+ - !ruby/object:Gem::Version
53
+ version: 3.0.5
54
+ type: :runtime
55
+ prerelease: false
56
+ version_requirements: !ruby/object:Gem::Requirement
57
+ none: false
58
+ requirements:
59
+ - - ! '>='
60
+ - !ruby/object:Gem::Version
61
+ version: 3.0.5
62
+ - !ruby/object:Gem::Dependency
63
+ name: jquery-ui-rails
64
+ requirement: !ruby/object:Gem::Requirement
65
+ none: false
66
+ requirements:
67
+ - - ! '>='
68
+ - !ruby/object:Gem::Version
69
+ version: 5.0.0
70
+ type: :runtime
71
+ prerelease: false
72
+ version_requirements: !ruby/object:Gem::Requirement
73
+ none: false
74
+ requirements:
75
+ - - ! '>='
76
+ - !ruby/object:Gem::Version
77
+ version: 5.0.0
78
+ description: Rails gridstack.js library integration. All credits for the javascript
79
+ library its-self go to its creator Pavel Reznikov
80
+ email:
81
+ - randoum@gmail.com
82
+ executables: []
83
+ extensions: []
84
+ extra_rdoc_files: []
85
+ files:
86
+ - .gitignore
87
+ - Gemfile
88
+ - LICENSE.txt
89
+ - README.md
90
+ - gridstack-js-rails.gemspec
91
+ - lib/gridstack-js-rails.rb
92
+ - lib/gridstack-js-rails/rails.rb
93
+ - lib/gridstack-js-rails/rails/engine.rb
94
+ - lib/gridstack-js-rails/rails/version.rb
95
+ - vendor/assets/javascripts/gridstack-js-rails-underscore.js
96
+ - vendor/assets/javascripts/gridstack-js-rails.js
97
+ - vendor/assets/javascripts/gridstack/gridstack.js
98
+ - vendor/assets/stylesheets/gridstack-js-rails.css
99
+ - vendor/assets/stylesheets/gridstack/gridstack-extra.css
100
+ - vendor/assets/stylesheets/gridstack/gridstack.css
101
+ homepage: https://github.com/randoum/gridstack-js-rails
102
+ licenses:
103
+ - MIT
104
+ post_install_message:
105
+ rdoc_options: []
106
+ require_paths:
107
+ - lib
108
+ required_ruby_version: !ruby/object:Gem::Requirement
109
+ none: false
110
+ requirements:
111
+ - - ! '>='
112
+ - !ruby/object:Gem::Version
113
+ version: '0'
114
+ required_rubygems_version: !ruby/object:Gem::Requirement
115
+ none: false
116
+ requirements:
117
+ - - ! '>='
118
+ - !ruby/object:Gem::Version
119
+ version: '0'
120
+ requirements: []
121
+ rubyforge_project:
122
+ rubygems_version: 1.8.23.2
123
+ signing_key:
124
+ specification_version: 3
125
+ summary: Wrap gridstack.js library and its dependencies for rails projects
126
+ test_files: []