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.
Files changed (36) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +7 -0
  3. data/lib/semantic/ui/rails/version.rb +1 -1
  4. data/semantic.thor +3 -3
  5. data/vendor/assets/javascripts/semantic-ui/modules/accordion.js +24 -18
  6. data/vendor/assets/javascripts/semantic-ui/modules/chatroom.js +7 -7
  7. data/vendor/assets/javascripts/semantic-ui/modules/checkbox.js +9 -10
  8. data/vendor/assets/javascripts/semantic-ui/modules/dimmer.js +38 -24
  9. data/vendor/assets/javascripts/semantic-ui/modules/dropdown.js +72 -37
  10. data/vendor/assets/javascripts/semantic-ui/modules/modal.js +62 -48
  11. data/vendor/assets/javascripts/semantic-ui/modules/nag.js +10 -9
  12. data/vendor/assets/javascripts/semantic-ui/modules/popup.js +46 -40
  13. data/vendor/assets/javascripts/semantic-ui/modules/rating.js +15 -15
  14. data/vendor/assets/javascripts/semantic-ui/modules/search.js +19 -19
  15. data/vendor/assets/javascripts/semantic-ui/modules/shape.js +13 -13
  16. data/vendor/assets/javascripts/semantic-ui/modules/sidebar.js +12 -12
  17. data/vendor/assets/javascripts/semantic-ui/modules/transition.js +15 -15
  18. data/vendor/assets/javascripts/semantic-ui/modules/video.js +13 -13
  19. data/vendor/assets/stylesheets/semantic-ui/collections/form.less +42 -25
  20. data/vendor/assets/stylesheets/semantic-ui/collections/grid.less +32 -16
  21. data/vendor/assets/stylesheets/semantic-ui/collections/menu.less +1 -1
  22. data/vendor/assets/stylesheets/semantic-ui/collections/table.less +3 -0
  23. data/vendor/assets/stylesheets/semantic-ui/elements/basic.icon.less +5 -5
  24. data/vendor/assets/stylesheets/semantic-ui/elements/button.less +5 -5
  25. data/vendor/assets/stylesheets/semantic-ui/elements/icon.less +5 -5
  26. data/vendor/assets/stylesheets/semantic-ui/elements/input.less +1 -1
  27. data/vendor/assets/stylesheets/semantic-ui/elements/loader.less +8 -8
  28. data/vendor/assets/stylesheets/semantic-ui/modules/accordion.less +41 -17
  29. data/vendor/assets/stylesheets/semantic-ui/modules/checkbox.less +181 -106
  30. data/vendor/assets/stylesheets/semantic-ui/modules/popup.less +28 -10
  31. data/vendor/assets/stylesheets/semantic-ui/modules/rating.less +2 -2
  32. data/vendor/assets/stylesheets/semantic-ui/modules/search.less +1 -1
  33. data/vendor/assets/stylesheets/semantic-ui/modules/tab.less +1 -1
  34. data/vendor/assets/stylesheets/semantic-ui/views/item.less +5 -6
  35. data/vendor/assets/stylesheets/semantic-ui/views/list.less +14 -7
  36. 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
- $module = $(this),
42
- $icon = $module.find(selector.icon),
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 = this,
45
- instance = $module.data(moduleNamespace),
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
- $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),
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 : 'Transition',
609
+ name : 'Transition',
610
610
 
611
611
  // debug content outputted to console
612
- debug : true,
612
+ debug : false,
613
613
 
614
614
  // verbose debug output
615
- verbose : true,
615
+ verbose : true,
616
616
 
617
617
  // performance data output
618
- performance : true,
618
+ performance : true,
619
619
 
620
620
  // event namespace
621
- namespace : 'transition',
621
+ namespace : 'transition',
622
622
 
623
623
  // animation complete event
624
- complete : function() {},
624
+ complete : function() {},
625
625
 
626
626
  // animation duration
627
- animation : 'fade',
628
- duration : '700ms',
627
+ animation : 'fade',
628
+ duration : '700ms',
629
629
 
630
630
  // queue up animations
631
- queue : true,
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
- outward : 'out'
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
- .ui.form select {
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 textarea:focus {
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(/assets/semantic-ui/loader-large.gif) no-repeat 50% 50%;
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: 1.4em;
401
+ top: 2em;
389
402
  right: 0.5em;
390
-
391
403
  font-family: 'Icons';
392
- content: '📅'; /* '\1f4c5' */
393
- font-size: 1.5em;
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 .field {
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 .field {
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 .field {
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 label {
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