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.
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