semantic-ui-rails 0.1.0.2 → 0.3.5
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.
- 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
|
|