semantic-ui-rails 0.12.0 → 0.12.2

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 2200eca5105a4747bc0969637749c64591bc3c43
4
- data.tar.gz: 0a4bc04dfd7477d8cdb430cd08f9af09776d4ac2
3
+ metadata.gz: 939d2cf2982a8e16ae2f51fd5142efeb88ff5b3f
4
+ data.tar.gz: 6f3e10bb30028765fd019aa41833a2b2ee71d5dd
5
5
  SHA512:
6
- metadata.gz: 8ea85e6b1fb28fa7600e4f43110ea540923b1f436eb2143c3ec86fdf68a675c554e82f791031b5d5d7cf0c624d65a5e98ae9e3c4d3c47d554d972b90a7f06f61
7
- data.tar.gz: 66c708c9d0bc1258d03ded5d93118be73315f874c0d2c536b7ec7e7433568102daf5676911249d682b022d57c7a57ce28b0510bee929caaa18c424463abcc352
6
+ metadata.gz: 0bfb89da1ab2d17d056f2881125809aec5517618e15d858fc4a03627cb06de3110bb3eac72122d35d5aa28c0e09df4c0b154592411c11824300ef5823e032735
7
+ data.tar.gz: 2f994c7d0e1bb1b710ad7ef1795de7de7e751a3218c1052d419192cbcc810cda5e5a688d51bbfedf7a06f9f4049b15c3e73b4ecfa7f52fb02917ebca53316dee
@@ -224,14 +224,18 @@ $.fn.form = function(fields, parameters) {
224
224
  },
225
225
 
226
226
  add: {
227
- prompt: function(field, errors) {
227
+ prompt: function(identifier, errors) {
228
228
  var
229
- $field = module.get.field(field.identifier),
229
+ $field = module.get.field(identifier),
230
230
  $fieldGroup = $field.closest($group),
231
231
  $prompt = $fieldGroup.find(selector.prompt),
232
232
  promptExists = ($prompt.size() !== 0)
233
233
  ;
234
- module.verbose('Adding inline error', field);
234
+ errors = (typeof errors == 'string')
235
+ ? [errors]
236
+ : errors
237
+ ;
238
+ module.verbose('Adding field error state', identifier);
235
239
  $fieldGroup
236
240
  .addClass(className.error)
237
241
  ;
@@ -257,6 +261,9 @@ $.fn.form = function(fields, parameters) {
257
261
  ;
258
262
  }
259
263
  }
264
+ else {
265
+ module.verbose('Inline errors are disabled, no inline error added', identifier);
266
+ }
260
267
  }
261
268
  },
262
269
  errors: function(errors) {
@@ -348,7 +355,7 @@ $.fn.form = function(fields, parameters) {
348
355
  }
349
356
  else {
350
357
  formErrors = formErrors.concat(fieldErrors);
351
- module.add.prompt(field, fieldErrors);
358
+ module.add.prompt(field.identifier, fieldErrors);
352
359
  $.proxy(settings.onInvalid, $field)(fieldErrors);
353
360
  return false;
354
361
  }
@@ -148,6 +148,7 @@ $.fn.transition = function() {
148
148
 
149
149
  reset: function() {
150
150
  module.debug('Resetting animation to beginning conditions');
151
+ $module.off(animationEnd);
151
152
  module.restore.conditions();
152
153
  module.hide();
153
154
  module.remove.animating();
@@ -809,4 +810,4 @@ $.fn.transition.settings = {
809
810
  };
810
811
 
811
812
 
812
- })( jQuery, window , document );
813
+ })( jQuery, window , document );
@@ -21,9 +21,6 @@
21
21
  margin: 0% -1.5%;
22
22
  padding: 0%;
23
23
 
24
- -webkit-box-sizing: border-box;
25
- -moz-box-sizing: border-box;
26
- -ms-box-sizing: border-box;
27
24
  box-sizing: border-box;
28
25
  }
29
26
 
@@ -57,9 +54,6 @@ body > .ui.grid {
57
54
  padding-left: 1.5%;
58
55
  padding-right: 1.5%;
59
56
 
60
- -webkit-box-sizing: border-box;
61
- -moz-box-sizing: border-box;
62
- -ms-box-sizing: border-box;
63
57
  box-sizing: border-box;
64
58
 
65
59
  vertical-align: top;
@@ -116,12 +110,12 @@ body > .ui.grid {
116
110
  margin-right: 0%;
117
111
  }
118
112
 
119
- @media only screen and (max-width : 998px) {
113
+ @media only screen and (max-width : 991px) {
120
114
  .ui.page.grid {
121
115
  padding: 0% 4%;
122
116
  }
123
117
  }
124
- @media only screen and (min-width : 998px) {
118
+ @media only screen and (min-width : 992px) {
125
119
  .ui.page.grid {
126
120
  padding: 0% 8%;
127
121
  }
@@ -378,14 +372,6 @@ body > .ui.grid {
378
372
  .ui.divided.grid > .column:not(.row),
379
373
  .ui.divided.grid > .row > .column {
380
374
  display: table-cell;
381
- -webkit-box-shadow:
382
- -1px 0px 0px 0px rgba(0, 0, 0, 0.1),
383
- -2px 0px 0px 0px rgba(255, 255, 255, 0.8)
384
- ;
385
- -moz-box-shadow:
386
- -1px 0px 0px 0px rgba(0, 0, 0, 0.1),
387
- -2px 0px 0px 0px rgba(255, 255, 255, 0.8)
388
- ;
389
375
  box-shadow:
390
376
  -1px 0px 0px 0px rgba(0, 0, 0, 0.1),
391
377
  -2px 0px 0px 0px rgba(255, 255, 255, 0.8)
@@ -396,21 +382,11 @@ body > .ui.grid {
396
382
  }
397
383
  .ui.divided.grid > .column:first-child,
398
384
  .ui.divided.grid > .row > .column:first-child {
399
- -webkit-box-shadow: none;
400
- -moz-box-shadow: none;
401
385
  box-shadow: none;
402
386
  }
403
387
 
404
388
  /* Vertically Divided */
405
389
  .ui.vertically.divided.grid > .row {
406
- -webkit-box-shadow:
407
- 0px -1px 0px 0px rgba(0, 0, 0, 0.1),
408
- 0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important
409
- ;
410
- -moz-box-shadow:
411
- 0px -1px 0px 0px rgba(0, 0, 0, 0.1),
412
- 0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important
413
- ;
414
390
  box-shadow:
415
391
  0px -1px 0px 0px rgba(0, 0, 0, 0.1),
416
392
  0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important
@@ -419,8 +395,6 @@ body > .ui.grid {
419
395
  .ui.vertically.divided.grid > .row > .column,
420
396
  .ui.vertically.divided.grid > .column:not(.row),
421
397
  .ui.vertically.divided.grid > .row:first-child {
422
- -webkit-box-shadow: none !important;
423
- -moz-box-shadow: none !important;
424
398
  box-shadow: none !important;
425
399
  }
426
400
 
@@ -434,8 +408,6 @@ body > .ui.grid {
434
408
  width: 100%;
435
409
  margin-left: 0% !important;
436
410
  margin-right: 0% !important;
437
- -webkit-box-shadow: 0px 0px 0px 1px #DFDFDF;
438
- -moz-box-shadow: 0px 0px 0px 1px #DFDFDF;
439
411
  box-shadow: 0px 0px 0px 1px #DFDFDF;
440
412
  }
441
413
  .ui.celled.grid > .row,
@@ -445,28 +417,20 @@ body > .ui.grid {
445
417
  width: 100%;
446
418
  margin-top: 0em;
447
419
  padding-top: 0em;
448
- -webkit-box-shadow: 0px -1px 0px 0px #DFDFDF;
449
- -moz-box-shadow: 0px -1px 0px 0px #DFDFDF;
450
420
  box-shadow: 0px -1px 0px 0px #DFDFDF;
451
421
  }
452
422
  .ui.celled.grid > .column:not(.row),
453
423
  .ui.celled.grid > .row > .column {
454
424
  display: table-cell;
455
425
  padding: 0.75em;
456
- -webkit-box-shadow: -1px 0px 0px 0px #DFDFDF;
457
- -moz-box-shadow: -1px 0px 0px 0px #DFDFDF;
458
426
  box-shadow: -1px 0px 0px 0px #DFDFDF;
459
427
  }
460
428
  .ui.celled.grid > .column:first-child,
461
429
  .ui.celled.grid > .row > .column:first-child {
462
- -webkit-box-shadow: none;
463
- -moz-box-shadow: none;
464
430
  box-shadow: none;
465
431
  }
466
432
 
467
433
  .ui.celled.page.grid {
468
- -webkit-box-shadow: none;
469
- -moz-box-shadow: none;
470
434
  box-shadow: none;
471
435
  }
472
436
 
@@ -551,7 +515,7 @@ body > .ui.grid {
551
515
  -----------------------*/
552
516
 
553
517
  /* Mobile Only */
554
- @media only screen and (max-width : 768px) {
518
+ @media only screen and (max-width : 767px) {
555
519
  .ui.mobile.only.grid,
556
520
  .ui.grid > .mobile.only.row {
557
521
  display: block !important;
@@ -587,7 +551,7 @@ body > .ui.grid {
587
551
  }
588
552
  }
589
553
  /* Tablet Only */
590
- @media only screen and (min-width : 768px) and (max-width : 998px) {
554
+ @media only screen and (min-width : 768px) and (max-width : 991px) {
591
555
  .ui.tablet.only.grid,
592
556
  .ui.grid > .tablet.only.row {
593
557
  display: block !important;
@@ -614,7 +578,7 @@ body > .ui.grid {
614
578
  display: table-cell !important;
615
579
  }
616
580
  }
617
- @media only screen and (max-width : 768px), (min-width: 998px) {
581
+ @media only screen and (max-width : 767px), (min-width: 992px) {
618
582
  .ui.tablet.only.grid,
619
583
  .ui.grid > .tablet.only.row,
620
584
  .ui.grid > .tablet.only.column,
@@ -623,7 +587,7 @@ body > .ui.grid {
623
587
  }
624
588
  }
625
589
  /* Computer Only */
626
- @media only screen and (min-width : 998px) {
590
+ @media only screen and (min-width : 992px) {
627
591
  .ui.computer.only.grid,
628
592
  .ui.grid > .computer.only.row {
629
593
  display: block !important;
@@ -650,7 +614,7 @@ body > .ui.grid {
650
614
  display: table-cell !important;
651
615
  }
652
616
  }
653
- @media only screen and (max-width : 998px) {
617
+ @media only screen and (max-width : 991px) {
654
618
  .ui.computer.only.grid,
655
619
  .ui.grid > .computer.only.row,
656
620
  .ui.grid > .computer.only.column,
@@ -665,7 +629,7 @@ body > .ui.grid {
665
629
  --------------------*/
666
630
 
667
631
  /* Mobily Only */
668
- @media only screen and (max-width : 768px) {
632
+ @media only screen and (max-width : 767px) {
669
633
  .ui.two.column.doubling.grid > .row > .column,
670
634
  .ui.two.column.doubling.grid > .column,
671
635
  .ui.grid > .two.column.doubling.row > .column {
@@ -729,7 +693,7 @@ body > .ui.grid {
729
693
  }
730
694
 
731
695
  /* Tablet Only */
732
- @media only screen and (min-width : 768px) and (max-width : 998px) {
696
+ @media only screen and (min-width : 768px) and (max-width : 991px) {
733
697
  .ui.two.column.doubling.grid > .row > .column,
734
698
  .ui.two.column.doubling.grid > .column,
735
699
  .ui.grid > .two.column.doubling.row > .column {
@@ -793,10 +757,10 @@ body > .ui.grid {
793
757
  }
794
758
 
795
759
  /*-------------------
796
- Stackable
760
+ Stackable
797
761
  --------------------*/
798
762
 
799
- @media only screen and (max-width : 768px) {
763
+ @media only screen and (max-width : 767px) {
800
764
  .ui.stackable.grid {
801
765
  display: block !important;
802
766
  padding: 0em;
@@ -810,8 +774,6 @@ body > .ui.grid {
810
774
  margin: 1em 0em 0em !important;
811
775
  padding: 1em 0em 0em !important;
812
776
 
813
- -webkit-box-shadow: none !important;
814
- -moz-box-shadow: none !important;
815
777
  box-shadow: none !important;
816
778
  }
817
779
  .ui.stackable.divided.grid .column,
@@ -106,19 +106,19 @@
106
106
 
107
107
  /* Text Color */
108
108
  .ui.menu .item,
109
- .ui.menu .item > a {
109
+ .ui.menu .item > a:not(.button) {
110
110
  color: rgba(0, 0, 0, 0.75);
111
111
  }
112
112
  .ui.menu .item .item,
113
- .ui.menu .item .item > a {
113
+ .ui.menu .item .item > a:not(.button) {
114
114
  color: rgba(30, 30, 30, 0.7);
115
115
  }
116
116
  .ui.menu .item .item .item,
117
- .ui.menu .item .item .item > a {
117
+ .ui.menu .item .item .item > a:not(.button) {
118
118
  color: rgba(30, 30, 30, 0.6);
119
119
  }
120
120
  .ui.menu .dropdown.item .menu .item,
121
- .ui.menu .dropdown.item .menu .item a {
121
+ .ui.menu .dropdown.item .menu .item a:not(.button) {
122
122
  color: rgba(0, 0, 0, 0.75);
123
123
  }
124
124
  /* Hover */
@@ -128,12 +128,12 @@
128
128
  .ui.menu .item .menu .link.item.hover {
129
129
  color: rgba(0, 0, 0, 0.85);
130
130
  }
131
- .ui.menu .dropdown.item .menu .item a:hover {
131
+ .ui.menu .dropdown.item .menu .item a:not(.button):hover {
132
132
  color: rgba(0, 0, 0, 0.85);
133
133
  }
134
134
  /* Active */
135
135
  .ui.menu .active.item,
136
- .ui.menu .active.item a {
136
+ .ui.menu .active.item a:not(.button) {
137
137
  color: rgba(0, 0, 0, 0.85);
138
138
 
139
139
  -moz-border-radius: 0px;
@@ -231,7 +231,6 @@
231
231
  padding-top: 0.55em;
232
232
 
233
233
  font-size: 0.875em;
234
- box-shadow: none;
235
234
  }
236
235
 
237
236
 
@@ -240,11 +239,12 @@
240
239
  ---------------*/
241
240
 
242
241
  .ui.menu:not(.vertical) .item > .input {
243
- margin-top: -0.83em;
244
- margin-bottom: -0.83em;
242
+ margin-top: -0.85em;
243
+ margin-bottom: -0.85em;
245
244
  padding-top: 0.3em;
246
245
  padding-bottom: 0.3em;
247
246
  width: 100%;
247
+ vertical-align: top;
248
248
  }
249
249
  .ui.menu .item > .input input {
250
250
  padding-top: 0.5em;
@@ -259,6 +259,33 @@
259
259
  padding-top: 0.63em;
260
260
  }
261
261
 
262
+ /* Action Input */
263
+ .ui.menu:not(.vertical) .item > .button.labeled > .icon {
264
+ padding-top: 0.6em;
265
+ }
266
+ .ui.menu:not(.vertical) .item .action.input > .button {
267
+ font-size: 0.8em;
268
+ padding: 0.55em 0.8em;
269
+ }
270
+
271
+ /* Resizes */
272
+ .ui.small.menu:not(.vertical) .item > .input input {
273
+ padding-top: 0.4em;
274
+ padding-bottom: 0.4em;
275
+ }
276
+ .ui.large.menu:not(.vertical) .item > .input input {
277
+ top: -0.125em;
278
+ padding-bottom: 0.6em;
279
+ padding-top: 0.6em;
280
+ }
281
+ .ui.large.menu:not(.vertical) .item .action.input > .button {
282
+ font-size: 0.8em;
283
+ padding: 0.9em;
284
+ }
285
+ .ui.large.menu:not(.vertical) .item .action.input > .button > .icon {
286
+ padding-top: 0.8em;
287
+ }
288
+
262
289
  /*--------------
263
290
  Header
264
291
  ---------------*/
@@ -522,7 +549,7 @@
522
549
  rgba(0, 0, 0, 0.1) 1.5em,
523
550
  rgba(0, 0, 0, 0.03) 100%)
524
551
  ;
525
- background-image: linear-gradient(left,
552
+ background-image: linear-gradient(to right,
526
553
  rgba(0, 0, 0, 0.03) 0%,
527
554
  rgba(0, 0, 0, 0.1) 1.5em,
528
555
  rgba(0, 0, 0, 0.03) 100%)
@@ -1357,7 +1384,7 @@
1357
1384
  rgba(255, 255, 255, 0.1) 50%,
1358
1385
  rgba(255, 255, 255, 0.03) 100%)
1359
1386
  ;
1360
- background-image: linear-gradient(left,
1387
+ background-image: linear-gradient(to right,
1361
1388
  rgba(255, 255, 255, 0.03) 0%,
1362
1389
  rgba(255, 255, 255, 0.1) 50%,
1363
1390
  rgba(255, 255, 255, 0.03) 100%)
@@ -1776,10 +1803,6 @@
1776
1803
  .ui.small.menu .item {
1777
1804
  font-size: 0.875rem;
1778
1805
  }
1779
- .ui.small.menu:not(.vertical) .item > .input input {
1780
- padding-top: 0.4em;
1781
- padding-bottom: 0.4em;
1782
- }
1783
1806
  .ui.small.vertical.menu {
1784
1807
  width: 13rem;
1785
1808
  }
@@ -1798,14 +1821,9 @@
1798
1821
  .ui.large.menu .item .item {
1799
1822
  font-size: 0.875rem;
1800
1823
  }
1801
- .ui.large.menu:not(.vertical) .item > .input input {
1802
- top: -0.125em;
1803
- padding-bottom: 0.6em;
1804
- padding-top: 0.6em;
1805
- }
1806
1824
  .ui.large.menu .dropdown.item .item {
1807
1825
  font-size: 1rem;
1808
1826
  }
1809
1827
  .ui.large.vertical.menu {
1810
1828
  width: 18rem;
1811
- }
1829
+ }
@@ -212,6 +212,10 @@
212
212
  0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset
213
213
  ;
214
214
  }
215
+ .ui.attached + .ui.attached.message:not(.top):not(.bottom) {
216
+ margin-top: -1px;
217
+ border-radius: 0em;
218
+ }
215
219
  .ui.bottom.attached.message {
216
220
  margin-top: -1px;
217
221
 
@@ -233,7 +237,7 @@
233
237
  display: table;
234
238
  width: 100%;
235
239
  }
236
- .ui.icon.message > .icon {
240
+ .ui.icon.message > .icon:not(.close) {
237
241
  display: table-cell;
238
242
  vertical-align: middle;
239
243
  font-size: 3.8em;
@@ -353,12 +353,12 @@ i.icon.signal:before { content: "\f012"; }
353
353
  i.icon.sitemap:before { content: "\f0e8"; }
354
354
  i.icon.skype:before { content: "\f17e"; }
355
355
  i.icon.smile:before { content: "\f118"; }
356
+ i.icon.sort.ascending:before { content: "\f0de"; }
357
+ i.icon.sort.descending:before { content: "\f0dd"; }
356
358
  i.icon.sort.alphabet.descending:before { content: "\f15e"; }
357
359
  i.icon.sort.alphabet:before { content: "\f15d"; }
358
- i.icon.sort.ascending:before { content: "\f0de"; }
359
360
  i.icon.sort.attributes.descending:before { content: "\f161"; }
360
361
  i.icon.sort.attributes:before { content: "\f160"; }
361
- i.icon.sort.descending:before { content: "\f0dd"; }
362
362
  i.icon.sort.order.descending:before { content: "\f163"; }
363
363
  i.icon.sort.order:before { content: "\f162"; }
364
364
  i.icon.sort:before { content: "\f0dc"; }
@@ -46,7 +46,7 @@
46
46
  z-index: 1000;
47
47
  }
48
48
 
49
- /* Dimmer Content */;
49
+ /* Dimmer Content */
50
50
  .ui.dimmer > .content {
51
51
  width: 100%;
52
52
  height: 100%;
@@ -166,4 +166,4 @@ body.ui.dimmed.dimmable > :not(.dimmer){
166
166
  }
167
167
  .ui.dimmed.dimmable > .ui.simple.inverted.dimmer {
168
168
  background-color: rgba(255, 255, 255, 0.85)
169
- }
169
+ }
@@ -1,7 +1,7 @@
1
1
  module Semantic
2
2
  module Ui
3
3
  module Rails
4
- VERSION = "0.12.0"
4
+ VERSION = "0.12.2"
5
5
  end
6
6
  end
7
7
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: semantic-ui-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.12.0
4
+ version: 0.12.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - nd0ut
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-01-07 00:00:00.000000000 Z
11
+ date: 2014-01-23 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: less-rails