semantic-ui-rails 0.1.0.2 → 0.3.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +7 -0
- data/lib/semantic/ui/rails/version.rb +1 -1
- data/semantic.thor +3 -3
- data/vendor/assets/javascripts/semantic-ui/modules/accordion.js +24 -18
- data/vendor/assets/javascripts/semantic-ui/modules/chatroom.js +7 -7
- data/vendor/assets/javascripts/semantic-ui/modules/checkbox.js +9 -10
- data/vendor/assets/javascripts/semantic-ui/modules/dimmer.js +38 -24
- data/vendor/assets/javascripts/semantic-ui/modules/dropdown.js +72 -37
- data/vendor/assets/javascripts/semantic-ui/modules/modal.js +62 -48
- data/vendor/assets/javascripts/semantic-ui/modules/nag.js +10 -9
- data/vendor/assets/javascripts/semantic-ui/modules/popup.js +46 -40
- data/vendor/assets/javascripts/semantic-ui/modules/rating.js +15 -15
- data/vendor/assets/javascripts/semantic-ui/modules/search.js +19 -19
- data/vendor/assets/javascripts/semantic-ui/modules/shape.js +13 -13
- data/vendor/assets/javascripts/semantic-ui/modules/sidebar.js +12 -12
- data/vendor/assets/javascripts/semantic-ui/modules/transition.js +15 -15
- data/vendor/assets/javascripts/semantic-ui/modules/video.js +13 -13
- data/vendor/assets/stylesheets/semantic-ui/collections/form.less +42 -25
- data/vendor/assets/stylesheets/semantic-ui/collections/grid.less +32 -16
- data/vendor/assets/stylesheets/semantic-ui/collections/menu.less +1 -1
- data/vendor/assets/stylesheets/semantic-ui/collections/table.less +3 -0
- data/vendor/assets/stylesheets/semantic-ui/elements/basic.icon.less +5 -5
- data/vendor/assets/stylesheets/semantic-ui/elements/button.less +5 -5
- data/vendor/assets/stylesheets/semantic-ui/elements/icon.less +5 -5
- data/vendor/assets/stylesheets/semantic-ui/elements/input.less +1 -1
- data/vendor/assets/stylesheets/semantic-ui/elements/loader.less +8 -8
- data/vendor/assets/stylesheets/semantic-ui/modules/accordion.less +41 -17
- data/vendor/assets/stylesheets/semantic-ui/modules/checkbox.less +181 -106
- data/vendor/assets/stylesheets/semantic-ui/modules/popup.less +28 -10
- data/vendor/assets/stylesheets/semantic-ui/modules/rating.less +2 -2
- data/vendor/assets/stylesheets/semantic-ui/modules/search.less +1 -1
- data/vendor/assets/stylesheets/semantic-ui/modules/tab.less +1 -1
- data/vendor/assets/stylesheets/semantic-ui/views/item.less +5 -6
- data/vendor/assets/stylesheets/semantic-ui/views/list.less +14 -7
- metadata +2 -2
@@ -16,17 +16,6 @@ $.fn.rating = function(parameters) {
|
|
16
16
|
$allModules = $(this),
|
17
17
|
moduleSelector = $allModules.selector || '',
|
18
18
|
|
19
|
-
settings = $.extend(true, {}, $.fn.rating.settings, parameters),
|
20
|
-
|
21
|
-
namespace = settings.namespace,
|
22
|
-
className = settings.className,
|
23
|
-
metadata = settings.metadata,
|
24
|
-
selector = settings.selector,
|
25
|
-
error = settings.error,
|
26
|
-
|
27
|
-
eventNamespace = '.' + namespace,
|
28
|
-
moduleNamespace = 'module-' + namespace,
|
29
|
-
|
30
19
|
time = new Date().getTime(),
|
31
20
|
performance = [],
|
32
21
|
|
@@ -38,11 +27,22 @@ $.fn.rating = function(parameters) {
|
|
38
27
|
$allModules
|
39
28
|
.each(function() {
|
40
29
|
var
|
41
|
-
|
42
|
-
|
30
|
+
settings = $.extend(true, {}, $.fn.rating.settings, parameters),
|
31
|
+
|
32
|
+
namespace = settings.namespace,
|
33
|
+
className = settings.className,
|
34
|
+
metadata = settings.metadata,
|
35
|
+
selector = settings.selector,
|
36
|
+
error = settings.error,
|
37
|
+
|
38
|
+
eventNamespace = '.' + namespace,
|
39
|
+
moduleNamespace = 'module-' + namespace,
|
40
|
+
|
41
|
+
$module = $(this),
|
42
|
+
$icon = $module.find(selector.icon),
|
43
43
|
|
44
|
-
element
|
45
|
-
instance
|
44
|
+
element = this,
|
45
|
+
instance = $module.data(moduleNamespace),
|
46
46
|
module
|
47
47
|
;
|
48
48
|
|
@@ -14,16 +14,6 @@
|
|
14
14
|
$.fn.search = function(source, parameters) {
|
15
15
|
var
|
16
16
|
$allModules = $(this),
|
17
|
-
settings = $.extend(true, {}, $.fn.search.settings, parameters),
|
18
|
-
|
19
|
-
|
20
|
-
className = settings.className,
|
21
|
-
selector = settings.selector,
|
22
|
-
error = settings.error,
|
23
|
-
namespace = settings.namespace,
|
24
|
-
|
25
|
-
eventNamespace = '.' + namespace,
|
26
|
-
moduleNamespace = namespace + '-module',
|
27
17
|
moduleSelector = $allModules.selector || '',
|
28
18
|
|
29
19
|
time = new Date().getTime(),
|
@@ -37,15 +27,25 @@ $.fn.search = function(source, parameters) {
|
|
37
27
|
$(this)
|
38
28
|
.each(function() {
|
39
29
|
var
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
30
|
+
settings = $.extend(true, {}, $.fn.search.settings, parameters),
|
31
|
+
|
32
|
+
className = settings.className,
|
33
|
+
selector = settings.selector,
|
34
|
+
error = settings.error,
|
35
|
+
namespace = settings.namespace,
|
36
|
+
|
37
|
+
eventNamespace = '.' + namespace,
|
38
|
+
moduleNamespace = namespace + '-module',
|
39
|
+
|
40
|
+
$module = $(this),
|
41
|
+
$prompt = $module.find(selector.prompt),
|
42
|
+
$searchButton = $module.find(selector.searchButton),
|
43
|
+
$results = $module.find(selector.results),
|
44
|
+
$result = $module.find(selector.result),
|
45
|
+
$category = $module.find(selector.category),
|
46
|
+
|
47
|
+
element = this,
|
48
|
+
instance = $module.data(moduleNamespace),
|
49
49
|
|
50
50
|
module
|
51
51
|
;
|
@@ -15,19 +15,6 @@ $.fn.shape = function(parameters) {
|
|
15
15
|
var
|
16
16
|
$allModules = $(this),
|
17
17
|
|
18
|
-
moduleSelector = $allModules.selector || '',
|
19
|
-
settings = $.extend(true, {}, $.fn.shape.settings, parameters),
|
20
|
-
|
21
|
-
// internal aliases
|
22
|
-
namespace = settings.namespace,
|
23
|
-
selector = settings.selector,
|
24
|
-
error = settings.error,
|
25
|
-
className = settings.className,
|
26
|
-
|
27
|
-
// define namespaces for modules
|
28
|
-
eventNamespace = '.' + namespace,
|
29
|
-
moduleNamespace = 'module-' + namespace,
|
30
|
-
|
31
18
|
time = new Date().getTime(),
|
32
19
|
performance = [],
|
33
20
|
|
@@ -40,6 +27,19 @@ $.fn.shape = function(parameters) {
|
|
40
27
|
$allModules
|
41
28
|
.each(function() {
|
42
29
|
var
|
30
|
+
moduleSelector = $allModules.selector || '',
|
31
|
+
settings = $.extend(true, {}, $.fn.shape.settings, parameters),
|
32
|
+
|
33
|
+
// internal aliases
|
34
|
+
namespace = settings.namespace,
|
35
|
+
selector = settings.selector,
|
36
|
+
error = settings.error,
|
37
|
+
className = settings.className,
|
38
|
+
|
39
|
+
// define namespaces for modules
|
40
|
+
eventNamespace = '.' + namespace,
|
41
|
+
moduleNamespace = 'module-' + namespace,
|
42
|
+
|
43
43
|
// selector cache
|
44
44
|
$module = $(this),
|
45
45
|
$sides = $module.find(selector.sides),
|
@@ -14,18 +14,6 @@
|
|
14
14
|
$.fn.sidebar = function(parameters) {
|
15
15
|
var
|
16
16
|
$allModules = $(this),
|
17
|
-
|
18
|
-
settings = ( $.isPlainObject(parameters) )
|
19
|
-
? $.extend(true, {}, $.fn.sidebar.settings, parameters)
|
20
|
-
: $.fn.sidebar.settings,
|
21
|
-
|
22
|
-
selector = settings.selector,
|
23
|
-
className = settings.className,
|
24
|
-
namespace = settings.namespace,
|
25
|
-
error = settings.error,
|
26
|
-
|
27
|
-
eventNamespace = '.' + namespace,
|
28
|
-
moduleNamespace = 'module-' + namespace,
|
29
17
|
moduleSelector = $allModules.selector || '',
|
30
18
|
|
31
19
|
time = new Date().getTime(),
|
@@ -40,6 +28,18 @@ $.fn.sidebar = function(parameters) {
|
|
40
28
|
$allModules
|
41
29
|
.each(function() {
|
42
30
|
var
|
31
|
+
settings = ( $.isPlainObject(parameters) )
|
32
|
+
? $.extend(true, {}, $.fn.sidebar.settings, parameters)
|
33
|
+
: $.fn.sidebar.settings,
|
34
|
+
|
35
|
+
selector = settings.selector,
|
36
|
+
className = settings.className,
|
37
|
+
namespace = settings.namespace,
|
38
|
+
error = settings.error,
|
39
|
+
|
40
|
+
eventNamespace = '.' + namespace,
|
41
|
+
moduleNamespace = 'module-' + namespace,
|
42
|
+
|
43
43
|
$module = $(this),
|
44
44
|
|
45
45
|
$body = $('body'),
|
@@ -606,40 +606,40 @@ $.fn.transition = function() {
|
|
606
606
|
$.fn.transition.settings = {
|
607
607
|
|
608
608
|
// module info
|
609
|
-
name
|
609
|
+
name : 'Transition',
|
610
610
|
|
611
611
|
// debug content outputted to console
|
612
|
-
debug
|
612
|
+
debug : false,
|
613
613
|
|
614
614
|
// verbose debug output
|
615
|
-
verbose
|
615
|
+
verbose : true,
|
616
616
|
|
617
617
|
// performance data output
|
618
|
-
performance
|
618
|
+
performance : true,
|
619
619
|
|
620
620
|
// event namespace
|
621
|
-
namespace
|
621
|
+
namespace : 'transition',
|
622
622
|
|
623
623
|
// animation complete event
|
624
|
-
complete
|
624
|
+
complete : function() {},
|
625
625
|
|
626
626
|
// animation duration
|
627
|
-
animation
|
628
|
-
duration
|
627
|
+
animation : 'fade',
|
628
|
+
duration : '700ms',
|
629
629
|
|
630
630
|
// queue up animations
|
631
|
-
queue
|
631
|
+
queue : true,
|
632
632
|
|
633
|
-
className
|
634
|
-
transition : 'ui transition',
|
633
|
+
className : {
|
635
634
|
animating : 'animating',
|
636
|
-
looping : 'looping',
|
637
|
-
loading : 'loading',
|
638
635
|
disabled : 'disabled',
|
639
636
|
hidden : 'hidden',
|
640
|
-
visible : 'visible',
|
641
637
|
inward : 'in',
|
642
|
-
|
638
|
+
loading : 'loading',
|
639
|
+
looping : 'looping',
|
640
|
+
outward : 'out',
|
641
|
+
transition : 'ui transition',
|
642
|
+
visible : 'visible'
|
643
643
|
},
|
644
644
|
|
645
645
|
// possible errors
|
@@ -15,10 +15,6 @@ $.fn.video = function(parameters) {
|
|
15
15
|
var
|
16
16
|
$allModules = $(this),
|
17
17
|
|
18
|
-
settings = ( $.isPlainObject(parameters) )
|
19
|
-
? $.extend(true, {}, $.fn.video.settings, parameters)
|
20
|
-
: $.fn.video.settings,
|
21
|
-
|
22
18
|
moduleSelector = $allModules.selector || '',
|
23
19
|
|
24
20
|
time = new Date().getTime(),
|
@@ -28,21 +24,25 @@ $.fn.video = function(parameters) {
|
|
28
24
|
methodInvoked = (typeof query == 'string'),
|
29
25
|
queryArguments = [].slice.call(arguments, 1),
|
30
26
|
|
31
|
-
selector = settings.selector,
|
32
|
-
className = settings.className,
|
33
|
-
error = settings.error,
|
34
|
-
metadata = settings.metadata,
|
35
|
-
namespace = settings.namespace,
|
36
|
-
|
37
|
-
eventNamespace = '.' + namespace,
|
38
|
-
moduleNamespace = namespace + '-module',
|
39
|
-
|
40
27
|
invokedResponse
|
41
28
|
;
|
42
29
|
|
43
30
|
$allModules
|
44
31
|
.each(function() {
|
45
32
|
var
|
33
|
+
settings = ( $.isPlainObject(parameters) )
|
34
|
+
? $.extend(true, {}, $.fn.video.settings, parameters)
|
35
|
+
: $.fn.video.settings,
|
36
|
+
|
37
|
+
selector = settings.selector,
|
38
|
+
className = settings.className,
|
39
|
+
error = settings.error,
|
40
|
+
metadata = settings.metadata,
|
41
|
+
namespace = settings.namespace,
|
42
|
+
|
43
|
+
eventNamespace = '.' + namespace,
|
44
|
+
moduleNamespace = namespace + '-module',
|
45
|
+
|
46
46
|
$module = $(this),
|
47
47
|
$placeholder = $module.find(selector.placeholder),
|
48
48
|
$playButton = $module.find(selector.playButton),
|
@@ -64,19 +64,25 @@
|
|
64
64
|
|
65
65
|
|
66
66
|
.ui.form textarea,
|
67
|
+
.ui.form select,
|
67
68
|
.ui.form input[type="text"],
|
68
69
|
.ui.form input[type="email"],
|
69
70
|
.ui.form input[type="date"],
|
70
71
|
.ui.form input[type="password"],
|
72
|
+
.ui.form input[type="number"],
|
73
|
+
.ui.form input[type="tel"],
|
71
74
|
.ui.form .ui.input {
|
72
75
|
width: 100%;
|
73
76
|
}
|
74
77
|
|
75
78
|
.ui.form textarea,
|
79
|
+
.ui.form select,
|
76
80
|
.ui.form input[type="text"],
|
77
81
|
.ui.form input[type="email"],
|
78
82
|
.ui.form input[type="date"],
|
79
|
-
.ui.form input[type="password"]
|
83
|
+
.ui.form input[type="password"],
|
84
|
+
.ui.form input[type="number"],
|
85
|
+
.ui.form input[type="tel"]{
|
80
86
|
|
81
87
|
margin: 0em;
|
82
88
|
padding: 0.85em 1.2em;
|
@@ -140,9 +146,7 @@
|
|
140
146
|
max-height: 24em;
|
141
147
|
resize: vertical;
|
142
148
|
}
|
143
|
-
|
144
|
-
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
145
|
-
}
|
149
|
+
|
146
150
|
.ui.form textarea,
|
147
151
|
.ui.form input[type="checkbox"] {
|
148
152
|
vertical-align: top;
|
@@ -206,7 +210,10 @@
|
|
206
210
|
.ui.form input[type="email"]:focus,
|
207
211
|
.ui.form input[type="date"]:focus,
|
208
212
|
.ui.form input[type="password"]:focus,
|
209
|
-
.ui.form
|
213
|
+
.ui.form input[type="number"]:focus,
|
214
|
+
.ui.form input[type="tel"]:focus,
|
215
|
+
.ui.form textarea:focus,
|
216
|
+
.ui.form select:focus{
|
210
217
|
color: rgba(0, 0, 0, 0.85);
|
211
218
|
border-color: rgba(0, 0, 0, 0.2);
|
212
219
|
border-bottom-left-radius: 0;
|
@@ -247,11 +254,15 @@
|
|
247
254
|
.ui.form .fields.error .field input[type="email"],
|
248
255
|
.ui.form .fields.error .field input[type="date"],
|
249
256
|
.ui.form .fields.error .field input[type="password"],
|
257
|
+
.ui.form .fields.error .field input[type="number"],
|
258
|
+
.ui.form .fields.error .field input[type="tel"],
|
250
259
|
.ui.form .field.error textarea,
|
251
260
|
.ui.form .field.error input[type="text"],
|
252
261
|
.ui.form .field.error input[type="email"],
|
253
262
|
.ui.form .field.error input[type="date"],
|
254
|
-
.ui.form .field.error input[type="password"]
|
263
|
+
.ui.form .field.error input[type="password"],
|
264
|
+
.ui.form .field.error input[type="number"],
|
265
|
+
.ui.form .field.error input[type="tel"]{
|
255
266
|
background-color: #FFFAFA;
|
256
267
|
border-color: #E7BEBE;
|
257
268
|
border-left: none;
|
@@ -271,7 +282,9 @@
|
|
271
282
|
.ui.form .field.error input[type="text"]:focus,
|
272
283
|
.ui.form .field.error input[type="email"]:focus,
|
273
284
|
.ui.form .field.error input[type="date"]:focus,
|
274
|
-
.ui.form .field.error input[type="password"]:focus
|
285
|
+
.ui.form .field.error input[type="password"]:focus,
|
286
|
+
.ui.form .field.error input[type="number"]:focus,
|
287
|
+
.ui.form .field.error input[type="tel"]:focus{
|
275
288
|
border-color: rgba(255, 80, 80, 1);
|
276
289
|
color: rgba(255, 80, 80, 1);
|
277
290
|
|
@@ -345,7 +358,7 @@
|
|
345
358
|
|
346
359
|
width: 100%;
|
347
360
|
height: 100%;
|
348
|
-
background: rgba(255, 255, 255, 0.8) url(
|
361
|
+
background: rgba(255, 255, 255, 0.8) url(../loader-large.gif) no-repeat 50% 50%;
|
349
362
|
visibility: visible;
|
350
363
|
}
|
351
364
|
|
@@ -385,12 +398,11 @@
|
|
385
398
|
}
|
386
399
|
.ui.form .date.field > label:after {
|
387
400
|
position: absolute;
|
388
|
-
top:
|
401
|
+
top: 2em;
|
389
402
|
right: 0.5em;
|
390
|
-
|
391
403
|
font-family: 'Icons';
|
392
|
-
content: '
|
393
|
-
font-size: 1.
|
404
|
+
content: '\f133';
|
405
|
+
font-size: 1.2em;
|
394
406
|
font-weight: normal;
|
395
407
|
color: #CCCCCC;
|
396
408
|
}
|
@@ -406,7 +418,9 @@
|
|
406
418
|
.ui.inverted.form .field.error input[type="text"],
|
407
419
|
.ui.inverted.form .field.error input[type="email"],
|
408
420
|
.ui.inverted.form .field.error input[type="date"],
|
409
|
-
.ui.inverted.form .field.error input[type="password"]
|
421
|
+
.ui.inverted.form .field.error input[type="password"],
|
422
|
+
.ui.inverted.form .field.error input[type="number"],
|
423
|
+
.ui.inverted.form .field.error input[type="tel"]{
|
410
424
|
background-color: #FFCCCC;
|
411
425
|
}
|
412
426
|
|
@@ -442,7 +456,7 @@
|
|
442
456
|
line-height: 0;
|
443
457
|
height: 0;
|
444
458
|
}
|
445
|
-
.ui.form .fields .field {
|
459
|
+
.ui.form .fields > .field {
|
446
460
|
clear: none;
|
447
461
|
float: left;
|
448
462
|
-webkit-box-sizing: border-box;
|
@@ -450,35 +464,37 @@
|
|
450
464
|
-ms-box-sizing: border-box;
|
451
465
|
box-sizing: border-box;
|
452
466
|
}
|
453
|
-
.ui.form .fields .field:first-child {
|
467
|
+
.ui.form .fields > .field:first-child {
|
454
468
|
border-left: none;
|
455
469
|
box-shadow: none;
|
456
470
|
}
|
457
471
|
|
458
472
|
/* Other Combinations */
|
459
|
-
.ui.form .two.fields .
|
473
|
+
.ui.form .two.fields > .fields,
|
474
|
+
.ui.form .two.fields > .field {
|
460
475
|
width: 50%;
|
461
476
|
padding-left: 1%;
|
462
477
|
padding-right: 1%;
|
463
478
|
}
|
464
|
-
|
465
|
-
.ui.form .three.fields .field {
|
479
|
+
.ui.form .three.fields > .fields,
|
480
|
+
.ui.form .three.fields > .field {
|
466
481
|
width: 33.333%;
|
467
482
|
padding-left: 1%;
|
468
483
|
padding-right: 1%;
|
469
484
|
}
|
470
|
-
.ui.form .four.fields .
|
485
|
+
.ui.form .four.fields > .fields,
|
486
|
+
.ui.form .four.fields > .field {
|
471
487
|
width: 25%;
|
472
488
|
padding-left: 1%;
|
473
489
|
padding-right: 1%;
|
474
490
|
}
|
475
|
-
.ui.form .five.fields .
|
491
|
+
.ui.form .five.fields > .fields,
|
492
|
+
.ui.form .five.fields > .field {
|
476
493
|
width: 20%;
|
477
494
|
padding-left: 1%;
|
478
495
|
padding-right: 1%;
|
479
496
|
}
|
480
497
|
|
481
|
-
/* override sides, ie8 no last-child */
|
482
498
|
.ui.form .fields .field:first-child {
|
483
499
|
padding-left: 0%;
|
484
500
|
}
|
@@ -498,11 +514,9 @@
|
|
498
514
|
.ui.form .inline.fields .field > label,
|
499
515
|
.ui.form .inline.fields .field > p,
|
500
516
|
.ui.form .inline.fields .field > input,
|
501
|
-
.ui.form .inline.fields .field > select,
|
502
517
|
.ui.form .inline.field > label,
|
503
518
|
.ui.form .inline.field > p,
|
504
|
-
.ui.form .inline.field > input
|
505
|
-
.ui.form .inline.field > select {
|
519
|
+
.ui.form .inline.field > input {
|
506
520
|
|
507
521
|
display: inline-block;
|
508
522
|
width: auto;
|
@@ -541,7 +555,10 @@
|
|
541
555
|
.ui.small.form input[type="email"],
|
542
556
|
.ui.small.form input[type="date"],
|
543
557
|
.ui.small.form input[type="password"],
|
544
|
-
.ui.small.form
|
558
|
+
.ui.small.form input[type="number"],
|
559
|
+
.ui.small.form input[type="tel"],
|
560
|
+
.ui.small.form label,
|
561
|
+
.ui.small.form select{
|
545
562
|
font-size: 1em;
|
546
563
|
}
|
547
564
|
|