semantic-ui-rails 0.12.0 → 0.12.2

Sign up to get free protection for your applications and to get access to all the features.
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