bootstrap-x-editable-rails 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,434 @@
1
+ /*! X-editable - v1.3.0
2
+ * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
3
+ * http://github.com/vitalets/x-editable
4
+ * Copyright (c) 2012 Vitaliy Potapov; Licensed MIT */
5
+
6
+ .editableform {
7
+ margin-bottom: 0; /* overwrites bootstrap margin */
8
+ }
9
+
10
+ .editableform .control-group {
11
+ margin-bottom: 0; /* overwrites bootstrap margin */
12
+ white-space: nowrap; /* prevent wrapping buttons on new line */
13
+ }
14
+
15
+ .editable-buttons {
16
+ display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
17
+ vertical-align: top;
18
+ margin-left: 7px;
19
+ /* display-inline emulation for IE7*/
20
+ zoom: 1;
21
+ *display: inline;
22
+ }
23
+
24
+
25
+
26
+ .editable-input {
27
+ vertical-align: top;
28
+ display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
29
+ width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
30
+ white-space: normal; /* reset white-space decalred in parent*/
31
+ /* display-inline emulation for IE7*/
32
+ zoom: 1;
33
+ *display: inline;
34
+ }
35
+
36
+ .editable-buttons .editable-cancel {
37
+ margin-left: 7px;
38
+ }
39
+
40
+ /*for jquery-ui buttons need set height to look more pretty*/
41
+ .editable-buttons button.ui-button-icon-only {
42
+ height: 24px;
43
+ width: 30px;
44
+ }
45
+
46
+ .editableform-loading {
47
+ background: image-url("loading.gif") center center no-repeat;
48
+ height: 25px;
49
+ width: auto;
50
+ min-width: 25px;
51
+ }
52
+
53
+ .editable-inline .editableform-loading {
54
+ background-position: left 5px;
55
+ }
56
+
57
+ .editable-error-block {
58
+ max-width: 300px;
59
+ margin: 5px 0 0 0;
60
+ width: auto;
61
+ white-space: normal;
62
+ }
63
+
64
+ /*add padding for jquery ui*/
65
+ .editable-error-block.ui-state-error {
66
+ padding: 3px;
67
+ }
68
+
69
+ .editable-error {
70
+ color: red;
71
+ }
72
+
73
+ .editableform textarea {
74
+ height: 150px; /*default height for textarea*/
75
+ }
76
+
77
+ .editableform .editable-date {
78
+ padding: 0;
79
+ margin: 0;
80
+ float: left;
81
+ }
82
+
83
+
84
+ /* checklist vertical alignment */
85
+ .editable-checklist label input[type="checkbox"],
86
+ .editable-checklist label span {
87
+ vertical-align: middle;
88
+ margin: 0;
89
+ }
90
+
91
+ .editable-checklist label {
92
+ white-space: nowrap;
93
+ }
94
+
95
+ .editable-clear {
96
+ clear: both;
97
+ font-size: 0.9em;
98
+ text-decoration: none;
99
+ text-align: right;
100
+ }
101
+ .editable-container {
102
+ max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
103
+ }
104
+
105
+ .editable-container.popover {
106
+ /* width: 300px;*/ /* debug */
107
+ width: auto; /* without this rule popover does not stretch */
108
+ }
109
+
110
+ .editable-container.editable-inline {
111
+ /* display: inline; */ /* display: inline does not correctly work with show()/hide() in jquery <= 1.7.2 */
112
+ display: inline-block;
113
+ vertical-align: middle;
114
+ }
115
+
116
+ .editable-container.ui-widget {
117
+ font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */
118
+ }
119
+ .editable-click,
120
+ a.editable-click,
121
+ a.editable-click:hover {
122
+ text-decoration: none;
123
+ border-bottom: dashed 1px #0088cc;
124
+ }
125
+
126
+ .editable-click.editable-disabled,
127
+ a.editable-click.editable-disabled,
128
+ a.editable-click.editable-disabled:hover {
129
+ color: #585858;
130
+ cursor: default;
131
+ border-bottom: none;
132
+ }
133
+
134
+ .editable-empty, .editable-empty:hover{
135
+ font-style: italic;
136
+ color: #DD1144;
137
+ border-bottom: none;
138
+ text-decoration: none;
139
+ }
140
+
141
+ .editable-unsaved {
142
+ font-weight: bold;
143
+ }
144
+
145
+ .editable-unsaved:after {
146
+ /* content: '*'*/
147
+ }
148
+
149
+
150
+ /*!
151
+ * Datepicker for Bootstrap
152
+ *
153
+ * Copyright 2012 Stefan Petre
154
+ * Improvements by Andrew Rowls
155
+ * Licensed under the Apache License v2.0
156
+ * http://www.apache.org/licenses/LICENSE-2.0
157
+ *
158
+ */
159
+ .datepicker {
160
+ padding: 4px;
161
+ margin-top: 1px;
162
+ -webkit-border-radius: 4px;
163
+ -moz-border-radius: 4px;
164
+ border-radius: 4px;
165
+ /*.dow {
166
+ border-top: 1px solid #ddd !important;
167
+ }*/
168
+ }
169
+
170
+ .datepicker-inline {
171
+ width: 220px;
172
+ /* height: 220px; */
173
+ }
174
+
175
+ .datepicker-float {
176
+ top: 0;
177
+ left: 0;
178
+ }
179
+
180
+ .datepicker-float:before {
181
+ content: '';
182
+ display: inline-block;
183
+ border-left: 7px solid transparent;
184
+ border-right: 7px solid transparent;
185
+ border-bottom: 7px solid #ccc;
186
+ border-bottom-color: rgba(0, 0, 0, 0.2);
187
+ position: absolute;
188
+ top: -7px;
189
+ left: 6px;
190
+ }
191
+ .datepicker-float:after {
192
+ content: '';
193
+ display: inline-block;
194
+ border-left: 6px solid transparent;
195
+ border-right: 6px solid transparent;
196
+ border-bottom: 6px solid #ffffff;
197
+ position: absolute;
198
+ top: -6px;
199
+ left: 7px;
200
+ }
201
+ .datepicker > div {
202
+ display: none;
203
+ }
204
+ .datepicker.days div.datepicker-days {
205
+ display: block;
206
+ }
207
+ .datepicker.months div.datepicker-months {
208
+ display: block;
209
+ }
210
+ .datepicker.years div.datepicker-years {
211
+ display: block;
212
+ }
213
+ .datepicker table {
214
+ margin: 0;
215
+ }
216
+ .datepicker td,
217
+ .datepicker th {
218
+ text-align: center;
219
+ width: 20px;
220
+ height: 20px;
221
+ -webkit-border-radius: 4px;
222
+ -moz-border-radius: 4px;
223
+ border-radius: 4px;
224
+ /* vitalets: required to disable css inheritance when display inline inside table */
225
+ border: none !important;
226
+ background-color: transparent !important;
227
+ }
228
+ .datepicker td.day:hover {
229
+ background: #eeeeee !important; /* disable inheritance for inline */
230
+ cursor: pointer;
231
+ }
232
+ .datepicker td.old,
233
+ .datepicker td.new {
234
+ color: #999999;
235
+ }
236
+ .datepicker td.disabled,
237
+ .datepicker td.disabled:hover {
238
+ background: none;
239
+ color: #999999;
240
+ cursor: default;
241
+ }
242
+ .datepicker td.today,
243
+ .datepicker td.today:hover,
244
+ .datepicker td.today.disabled,
245
+ .datepicker td.today.disabled:hover {
246
+ background-color: #fde19a !important; /* disable inheritance for inline */
247
+ background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
248
+ background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
249
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
250
+ background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
251
+ background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
252
+ background-image: linear-gradient(top, #fdd49a, #fdf59a);
253
+ background-repeat: repeat-x;
254
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
255
+ border-color: #fdf59a #fdf59a #fbed50;
256
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
257
+ filter: progid:dximagetransform.microsoft.gradient(enabled=false);
258
+ }
259
+ .datepicker td.today:hover,
260
+ .datepicker td.today:hover:hover,
261
+ .datepicker td.today.disabled:hover,
262
+ .datepicker td.today.disabled:hover:hover,
263
+ .datepicker td.today:active,
264
+ .datepicker td.today:hover:active,
265
+ .datepicker td.today.disabled:active,
266
+ .datepicker td.today.disabled:hover:active,
267
+ .datepicker td.today.active,
268
+ .datepicker td.today:hover.active,
269
+ .datepicker td.today.disabled.active,
270
+ .datepicker td.today.disabled:hover.active,
271
+ .datepicker td.today.disabled,
272
+ .datepicker td.today:hover.disabled,
273
+ .datepicker td.today.disabled.disabled,
274
+ .datepicker td.today.disabled:hover.disabled,
275
+ .datepicker td.today[disabled],
276
+ .datepicker td.today:hover[disabled],
277
+ .datepicker td.today.disabled[disabled],
278
+ .datepicker td.today.disabled:hover[disabled] {
279
+ background-color: #fdf59a !important; /* disable inheritance for inline */
280
+ }
281
+ .datepicker td.today:active,
282
+ .datepicker td.today:hover:active,
283
+ .datepicker td.today.disabled:active,
284
+ .datepicker td.today.disabled:hover:active,
285
+ .datepicker td.today.active,
286
+ .datepicker td.today:hover.active,
287
+ .datepicker td.today.disabled.active,
288
+ .datepicker td.today.disabled:hover.active {
289
+ background-color: #fbf069 \9;
290
+ }
291
+ .datepicker td.active,
292
+ .datepicker td.active:hover,
293
+ .datepicker td.active.disabled,
294
+ .datepicker td.active.disabled:hover {
295
+ background-color: #006dcc !important; /* disable inheritance for inline */
296
+ background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
297
+ background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
298
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
299
+ background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
300
+ background-image: -o-linear-gradient(top, #0088cc, #0044cc);
301
+ background-image: linear-gradient(top, #0088cc, #0044cc);
302
+ background-repeat: repeat-x;
303
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
304
+ border-color: #0044cc #0044cc #002a80;
305
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
306
+ filter: progid:dximagetransform.microsoft.gradient(enabled=false);
307
+ color: #fff;
308
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
309
+ }
310
+ .datepicker td.active:hover,
311
+ .datepicker td.active:hover:hover,
312
+ .datepicker td.active.disabled:hover,
313
+ .datepicker td.active.disabled:hover:hover,
314
+ .datepicker td.active:active,
315
+ .datepicker td.active:hover:active,
316
+ .datepicker td.active.disabled:active,
317
+ .datepicker td.active.disabled:hover:active,
318
+ .datepicker td.active.active,
319
+ .datepicker td.active:hover.active,
320
+ .datepicker td.active.disabled.active,
321
+ .datepicker td.active.disabled:hover.active,
322
+ .datepicker td.active.disabled,
323
+ .datepicker td.active:hover.disabled,
324
+ .datepicker td.active.disabled.disabled,
325
+ .datepicker td.active.disabled:hover.disabled,
326
+ .datepicker td.active[disabled],
327
+ .datepicker td.active:hover[disabled],
328
+ .datepicker td.active.disabled[disabled],
329
+ .datepicker td.active.disabled:hover[disabled] {
330
+ background-color: #0044cc;
331
+ }
332
+ .datepicker td.active:active,
333
+ .datepicker td.active:hover:active,
334
+ .datepicker td.active.disabled:active,
335
+ .datepicker td.active.disabled:hover:active,
336
+ .datepicker td.active.active,
337
+ .datepicker td.active:hover.active,
338
+ .datepicker td.active.disabled.active,
339
+ .datepicker td.active.disabled:hover.active {
340
+ background-color: #003399 \9;
341
+ }
342
+ .datepicker td span {
343
+ display: block;
344
+ width: 23%;
345
+ height: 54px;
346
+ line-height: 54px;
347
+ float: left;
348
+ margin: 1%;
349
+ cursor: pointer;
350
+ -webkit-border-radius: 4px;
351
+ -moz-border-radius: 4px;
352
+ border-radius: 4px;
353
+ }
354
+ .datepicker td span:hover {
355
+ background: #eeeeee;
356
+ }
357
+ .datepicker td span.disabled,
358
+ .datepicker td span.disabled:hover {
359
+ background: none;
360
+ color: #999999;
361
+ cursor: default;
362
+ }
363
+ .datepicker td span.active,
364
+ .datepicker td span.active:hover,
365
+ .datepicker td span.active.disabled,
366
+ .datepicker td span.active.disabled:hover {
367
+ background-color: #006dcc;
368
+ background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
369
+ background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
370
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
371
+ background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
372
+ background-image: -o-linear-gradient(top, #0088cc, #0044cc);
373
+ background-image: linear-gradient(top, #0088cc, #0044cc);
374
+ background-repeat: repeat-x;
375
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
376
+ border-color: #0044cc #0044cc #002a80;
377
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
378
+ filter: progid:dximagetransform.microsoft.gradient(enabled=false);
379
+ color: #fff;
380
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
381
+ }
382
+ .datepicker td span.active:hover,
383
+ .datepicker td span.active:hover:hover,
384
+ .datepicker td span.active.disabled:hover,
385
+ .datepicker td span.active.disabled:hover:hover,
386
+ .datepicker td span.active:active,
387
+ .datepicker td span.active:hover:active,
388
+ .datepicker td span.active.disabled:active,
389
+ .datepicker td span.active.disabled:hover:active,
390
+ .datepicker td span.active.active,
391
+ .datepicker td span.active:hover.active,
392
+ .datepicker td span.active.disabled.active,
393
+ .datepicker td span.active.disabled:hover.active,
394
+ .datepicker td span.active.disabled,
395
+ .datepicker td span.active:hover.disabled,
396
+ .datepicker td span.active.disabled.disabled,
397
+ .datepicker td span.active.disabled:hover.disabled,
398
+ .datepicker td span.active[disabled],
399
+ .datepicker td span.active:hover[disabled],
400
+ .datepicker td span.active.disabled[disabled],
401
+ .datepicker td span.active.disabled:hover[disabled] {
402
+ background-color: #0044cc;
403
+ }
404
+ .datepicker td span.active:active,
405
+ .datepicker td span.active:hover:active,
406
+ .datepicker td span.active.disabled:active,
407
+ .datepicker td span.active.disabled:hover:active,
408
+ .datepicker td span.active.active,
409
+ .datepicker td span.active:hover.active,
410
+ .datepicker td span.active.disabled.active,
411
+ .datepicker td span.active.disabled:hover.active {
412
+ background-color: #003399 \9;
413
+ }
414
+ .datepicker td span.old {
415
+ color: #999999;
416
+ }
417
+ .datepicker th.switch {
418
+ width: 145px;
419
+ }
420
+ .datepicker thead tr:first-child th,
421
+ .datepicker tfoot tr:first-child th {
422
+ cursor: pointer;
423
+ }
424
+ .datepicker thead tr:first-child th:hover,
425
+ .datepicker tfoot tr:first-child th:hover {
426
+ background: #eeeeee;
427
+ }
428
+ .input-append.date .add-on i,
429
+ .input-prepend.date .add-on i {
430
+ display: block;
431
+ cursor: pointer;
432
+ width: 16px;
433
+ height: 16px;
434
+ }
metadata ADDED
@@ -0,0 +1,106 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: bootstrap-x-editable-rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.3.0
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Per Andersson
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2012-12-14 00:00:00.000000000 Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: railties
16
+ requirement: !ruby/object:Gem::Requirement
17
+ none: false
18
+ requirements:
19
+ - - ! '>='
20
+ - !ruby/object:Gem::Version
21
+ version: '3.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.0'
30
+ - !ruby/object:Gem::Dependency
31
+ name: bundler
32
+ requirement: !ruby/object:Gem::Requirement
33
+ none: false
34
+ requirements:
35
+ - - ! '>='
36
+ - !ruby/object:Gem::Version
37
+ version: '1.0'
38
+ type: :development
39
+ prerelease: false
40
+ version_requirements: !ruby/object:Gem::Requirement
41
+ none: false
42
+ requirements:
43
+ - - ! '>='
44
+ - !ruby/object:Gem::Version
45
+ version: '1.0'
46
+ - !ruby/object:Gem::Dependency
47
+ name: rake
48
+ requirement: !ruby/object:Gem::Requirement
49
+ none: false
50
+ requirements:
51
+ - - ! '>='
52
+ - !ruby/object:Gem::Version
53
+ version: '0'
54
+ type: :development
55
+ prerelease: false
56
+ version_requirements: !ruby/object:Gem::Requirement
57
+ none: false
58
+ requirements:
59
+ - - ! '>='
60
+ - !ruby/object:Gem::Version
61
+ version: '0'
62
+ description: X-editable (Bootstrap) plugin for Rails asset pipeline
63
+ email:
64
+ - klenis@klenis.org
65
+ executables: []
66
+ extensions: []
67
+ extra_rdoc_files: []
68
+ files:
69
+ - .gitignore
70
+ - Gemfile
71
+ - README.md
72
+ - X-EDITABLE-LICENSE-MIT
73
+ - bootstrap-x-editable-rails.gemspec
74
+ - lib/bootstrap-x-editable-rails.rb
75
+ - lib/bootstrap-x-editable-rails/engine.rb
76
+ - lib/bootstrap-x-editable-rails/railtie.rb
77
+ - lib/bootstrap-x-editable-rails/version.rb
78
+ - vendor/assets/images/loading.gif
79
+ - vendor/assets/javascripts/bootstrap-editable-inline.js
80
+ - vendor/assets/javascripts/bootstrap-editable.js
81
+ - vendor/assets/stylesheets/bootstrap-editable.scss
82
+ homepage: https://github.com/klenis/bootstrap-x-editable-rails
83
+ licenses: []
84
+ post_install_message:
85
+ rdoc_options: []
86
+ require_paths:
87
+ - lib
88
+ required_ruby_version: !ruby/object:Gem::Requirement
89
+ none: false
90
+ requirements:
91
+ - - ! '>='
92
+ - !ruby/object:Gem::Version
93
+ version: '0'
94
+ required_rubygems_version: !ruby/object:Gem::Requirement
95
+ none: false
96
+ requirements:
97
+ - - ! '>='
98
+ - !ruby/object:Gem::Version
99
+ version: '0'
100
+ requirements: []
101
+ rubyforge_project:
102
+ rubygems_version: 1.8.24
103
+ signing_key:
104
+ specification_version: 3
105
+ summary: X-editable (Bootstrap) plugin for Rails asset pipeline
106
+ test_files: []