semantic-ui-rails 0.9.5 → 0.10.1

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: a3a4fb64c5af5df81b1706a00f8fb56c0f54d243
4
- data.tar.gz: 975a4427e3d69096d59f9b9fc8fabcd30fb22aa1
3
+ metadata.gz: 8a6aa31132f8a15cb8b103ee000986c79fbe9aff
4
+ data.tar.gz: a53914e024789c09a97093f1734a1cddfa2c31f4
5
5
  SHA512:
6
- metadata.gz: d2a455088c4680322c04a276b478c59e2efe95d1363213cfc1432bfab5c28beb35afb29587b77496f8e697fcb4c4a095420134691e7eef35be0ed111d51025bd
7
- data.tar.gz: 1bfcd1137e380f3784eb534788d5de8698a42190416898e1af54af9d1c5171cef651d4813545552a8e492d0274efaefa4e9ec6c49a4c6f6b4f9674696850598b
6
+ metadata.gz: 1e2661f29d83f5cedda7323da09638f8f2a2eed20a10ad6d5ebdb2ec2d5b8283f6aca65123763a6b43b5105552f15e5b947c35d47d4deb533dce8106333ecfd6
7
+ data.tar.gz: b00b8dd0d02df05efba1d41ccb512b18e1448c482e80e06fb9102969947081161577279ca9673ee9dd3a52435033f56b0ac05c0c9f35855ff5a040171b89e713
@@ -158,12 +158,12 @@ $.fn.form = function(fields, parameters) {
158
158
  $field = $(this),
159
159
  $fieldGroup = $field.closest($group)
160
160
  ;
161
- if( $fieldGroup.hasClass(className.error) ) {
162
- module.debug('Revalidating field', $field, module.get.validation($field));
163
- module.validate.field( module.get.validation($field) );
164
- }
165
- else if(settings.on == 'change') {
166
- module.validate.field( module.get.validation($field) );
161
+ if(settings.on == 'change' || ( $fieldGroup.hasClass(className.error) && settings.revalidate) ) {
162
+ clearTimeout(module.timer);
163
+ module.timer = setTimeout(function() {
164
+ module.debug('Revalidating field', $field, module.get.validation($field));
165
+ module.validate.field( module.get.validation($field) );
166
+ }, settings.delay);
167
167
  }
168
168
  }
169
169
  }
@@ -574,6 +574,9 @@ $.fn.form.settings = {
574
574
  on : 'submit',
575
575
  inline : false,
576
576
 
577
+ delay : 200,
578
+ revalidate : true,
579
+
577
580
  transition : 'scale',
578
581
  duration : 150,
579
582
 
@@ -609,7 +612,6 @@ $.fn.form.settings = {
609
612
  },
610
613
 
611
614
 
612
-
613
615
  templates: {
614
616
  error: function(errors) {
615
617
  var
@@ -318,7 +318,10 @@ $.fn.dropdown = function(parameters) {
318
318
  return $text.text();
319
319
  },
320
320
  value: function() {
321
- return $input.val();
321
+ return ($input.size() > 0)
322
+ ? $input.val()
323
+ : $module.data(metadata.value)
324
+ ;
322
325
  },
323
326
  item: function(value) {
324
327
  var
@@ -364,7 +367,12 @@ $.fn.dropdown = function(parameters) {
364
367
  },
365
368
  value: function(value) {
366
369
  module.debug('Adding selected value to hidden input', value, $input);
367
- $input.val(value);
370
+ if($input.size() > 0) {
371
+ $input.val(value);
372
+ }
373
+ else {
374
+ $module.data(metadata.value, value);
375
+ }
368
376
  },
369
377
  active: function() {
370
378
  $module.addClass(className.active);
@@ -152,7 +152,7 @@ $.fn.rating = function(parameters) {
152
152
  .on('click' + eventNamespace, module.event.click)
153
153
  ;
154
154
  $module
155
- .addClass(className.active)
155
+ .removeClass(className.disabled)
156
156
  ;
157
157
  },
158
158
 
@@ -162,7 +162,7 @@ $.fn.rating = function(parameters) {
162
162
  .off(eventNamespace)
163
163
  ;
164
164
  $module
165
- .removeClass(className.active)
165
+ .addClass(className.disabled)
166
166
  ;
167
167
  },
168
168
 
@@ -392,9 +392,10 @@ $.fn.rating.settings = {
392
392
  },
393
393
 
394
394
  className : {
395
- active : 'active',
396
- hover : 'hover',
397
- loading : 'loading'
395
+ active : 'active',
396
+ disabled : 'disabled',
397
+ hover : 'hover',
398
+ loading : 'loading'
398
399
  },
399
400
 
400
401
  selector : {
@@ -45,6 +45,7 @@ body > .ui.grid {
45
45
  Columns
46
46
  --------------------*/
47
47
 
48
+ /* Standard 16 column */
48
49
  .ui.grid > .column,
49
50
  .ui.grid > .row > .column {
50
51
 
@@ -52,6 +53,7 @@ body > .ui.grid {
52
53
  text-align: left;
53
54
  font-size: 1rem;
54
55
 
56
+ width: 6.25%;
55
57
  padding-left: 1.5%;
56
58
  padding-right: 1.5%;
57
59
 
@@ -63,6 +65,12 @@ body > .ui.grid {
63
65
  vertical-align: top;
64
66
  }
65
67
 
68
+ /* Vertical padding when no rows */
69
+ .ui.grid > .column {
70
+ margin-top: 1rem;
71
+ margin-bottom: 1rem;
72
+ }
73
+
66
74
  /*-------------------
67
75
  Rows
68
76
  --------------------*/
@@ -71,7 +79,7 @@ body > .ui.grid {
71
79
  display: block;
72
80
  width: 100% !important;
73
81
  margin-top: 1.5%;
74
- padding: 1.5% 0% 0%;
82
+ padding: 1rem 0% 0%;
75
83
  font-size: 0rem;
76
84
  }
77
85
  .ui.grid > .row:first-child {
@@ -141,79 +149,73 @@ body > .ui.grid {
141
149
  /* Sizing Combinations */
142
150
  .ui.grid > .row > .one.wide.column,
143
151
  .ui.grid > .one.wide.column {
144
- width: 6.25%;
152
+ width: 6.25% !important;
145
153
  }
146
154
  .ui.grid > .row > .two.wide.column,
147
155
  .ui.grid > .two.wide.column {
148
- width: 12.5%;
156
+ width: 12.5% !important;
149
157
  }
150
158
  .ui.grid > .row > .three.wide.column,
151
159
  .ui.grid > .three.wide.column {
152
- width: 18.75%;
160
+ width: 18.75% !important;
153
161
  }
154
162
  .ui.grid > .row > .four.wide.column,
155
163
  .ui.grid > .four.wide.column {
156
- width: 25%;
164
+ width: 25% !important;
157
165
  }
158
166
  .ui.grid > .row > .five.wide.column,
159
167
  .ui.grid > .five.wide.column {
160
- width: 31.25%;
168
+ width: 31.25% !important;
161
169
  }
162
170
  .ui.grid > .row > .six.wide.column,
163
171
  .ui.grid > .six.wide.column {
164
- width: 37.5%;
172
+ width: 37.5% !important;
165
173
  }
166
174
  .ui.grid > .row > .seven.wide.column,
167
175
  .ui.grid > .seven.wide.column {
168
- width: 43.75%;
176
+ width: 43.75% !important;
169
177
  }
170
178
  .ui.grid > .row > .eight.wide.column,
171
179
  .ui.grid > .eight.wide.column {
172
- width: 50%;
180
+ width: 50% !important;
173
181
  }
174
182
  .ui.grid > .row > .nine.wide.column,
175
183
  .ui.grid > .nine.wide.column {
176
- width: 56.25%;
184
+ width: 56.25% !important;
177
185
  }
178
186
  .ui.grid > .row > .ten.wide.column,
179
187
  .ui.grid > .ten.wide.column {
180
- width: 62.5%;
188
+ width: 62.5% !important;
181
189
  }
182
190
  .ui.grid > .row > .eleven.wide.column,
183
191
  .ui.grid > .eleven.wide.column {
184
- width: 68.75%;
192
+ width: 68.75% !important;
185
193
  }
186
194
  .ui.grid > .row > .twelve.wide.column,
187
195
  .ui.grid > .twelve.wide.column {
188
- width: 75%;
196
+ width: 75% !important;
189
197
  }
190
198
  .ui.grid > .row > .thirteen.wide.column,
191
199
  .ui.grid > .thirteen.wide.column {
192
- width: 81.25%;
200
+ width: 81.25% !important;
193
201
  }
194
202
  .ui.grid > .row > .fourteen.wide.column,
195
203
  .ui.grid > .fourteen.wide.column {
196
- width: 87.5%;
204
+ width: 87.5% !important;
197
205
  }
198
206
  .ui.grid > .row > .fifteen.wide.column,
199
207
  .ui.grid > .fifteen.wide.column {
200
- width: 93.75%;
208
+ width: 93.75% !important;
201
209
  }
202
210
  .ui.grid > .row > .sixteen.wide.column,
203
211
  .ui.grid > .sixteen.wide.column {
204
- width: 100%;
212
+ width: 100% !important;
205
213
  }
206
214
 
207
215
  /*-------------------
208
216
  Column Count
209
217
  --------------------*/
210
218
 
211
- /* Standard */
212
- .ui.grid > .column,
213
- .ui.grid > .row > .column {
214
- width: 6.25%;
215
- }
216
-
217
219
  /* Assume full width with one column */
218
220
  .ui.one.column.grid > .row > .column,
219
221
  .ui.one.column.grid > .column,
@@ -303,6 +305,7 @@ body > .ui.grid {
303
305
  }
304
306
 
305
307
 
308
+
306
309
  /*----------------------
307
310
  Relaxed
308
311
  -----------------------*/
@@ -462,6 +465,14 @@ body > .ui.grid {
462
465
  text-align: right;
463
466
  }
464
467
 
468
+ .ui.justified.grid,
469
+ .ui.justified.grid > .row > .column,
470
+ .ui.justified.grid > .column,
471
+ .ui.grid .justified.column,
472
+ .ui.grid > .justified.row > .column {
473
+ text-align: justify;
474
+ hyphens: auto;
475
+ }
465
476
 
466
477
  /*----------------------
467
478
  Vertically Centered
@@ -617,6 +628,138 @@ body > .ui.grid {
617
628
  }
618
629
 
619
630
 
631
+ /*-------------------
632
+ Doubling
633
+ --------------------*/
634
+
635
+ /* Mobily Only */
636
+ @media only screen and (max-width : 768px) {
637
+ .ui.two.column.doubling.grid > .row > .column,
638
+ .ui.two.column.doubling.grid > .column,
639
+ .ui.grid > .two.column.doubling.row > .column {
640
+ width: 100%;
641
+ }
642
+ .ui.three.column.doubling.grid > .row > .column,
643
+ .ui.three.column.doubling.grid > .column,
644
+ .ui.grid > .three.column.doubling.row > .column {
645
+ width: 100%;
646
+ }
647
+ .ui.four.column.doubling.grid > .row > .column,
648
+ .ui.four.column.doubling.grid > .column,
649
+ .ui.grid > .four.column.doubling.row > .column {
650
+ width: 100%;
651
+ }
652
+ .ui.five.column.doubling.grid > .row > .column,
653
+ .ui.five.column.doubling.grid > .column,
654
+ .ui.grid > .five.column.doubling.row > .column {
655
+ width: 100%;
656
+ }
657
+ .ui.six.column.doubling.grid > .row > .column,
658
+ .ui.six.column.doubling.grid > .column,
659
+ .ui.grid > .six.column.doubling.row > .column {
660
+ width: 50%;
661
+ }
662
+ .ui.seven.column.doubling.grid > .row > .column,
663
+ .ui.seven.column.doubling.grid > .column,
664
+ .ui.grid > .seven.column.doubling.row > .column {
665
+ width: 50%;
666
+ }
667
+ .ui.eight.column.doubling.grid > .row > .column,
668
+ .ui.eight.column.doubling.grid > .column,
669
+ .ui.grid > .eight.column.doubling.row > .column {
670
+ width: 50%;
671
+ }
672
+ .ui.nine.column.doubling.grid > .row > .column,
673
+ .ui.nine.column.doubling.grid > .column,
674
+ .ui.grid > .nine.column.doubling.row > .column {
675
+ width: 50%;
676
+ }
677
+ .ui.ten.column.doubling.grid > .row > .column,
678
+ .ui.ten.column.doubling.grid > .column,
679
+ .ui.grid > .ten.column.doubling.row > .column {
680
+ width: 50%;
681
+ }
682
+ .ui.twelve.column.doubling.grid > .row > .column,
683
+ .ui.twelve.column.doubling.grid > .column,
684
+ .ui.grid > .twelve.column.doubling.row > .column {
685
+ width: 33.3333333333333%;
686
+ }
687
+ .ui.fourteen.column.doubling.grid > .row > .column,
688
+ .ui.fourteen.column.doubling.grid > .column,
689
+ .ui.grid > .fourteen.column.doubling.row > .column {
690
+ width: 33.3333333333333%;
691
+ }
692
+ .ui.sixteen.column.doubling.grid > .row > .column,
693
+ .ui.sixteen.column.doubling.grid > .column,
694
+ .ui.grid > .sixteen.column.doubling.row > .column {
695
+ width: 25%;
696
+ }
697
+ }
698
+
699
+ /* Tablet Only */
700
+ @media only screen and (min-width : 768px) and (max-width : 998px) {
701
+ .ui.two.column.doubling.grid > .row > .column,
702
+ .ui.two.column.doubling.grid > .column,
703
+ .ui.grid > .two.column.doubling.row > .column {
704
+ width: 100%;
705
+ }
706
+ .ui.three.column.doubling.grid > .row > .column,
707
+ .ui.three.column.doubling.grid > .column,
708
+ .ui.grid > .three.column.doubling.row > .column {
709
+ width: 50%;
710
+ }
711
+ .ui.four.column.doubling.grid > .row > .column,
712
+ .ui.four.column.doubling.grid > .column,
713
+ .ui.grid > .four.column.doubling.row > .column {
714
+ width: 50%;
715
+ }
716
+ .ui.five.column.doubling.grid > .row > .column,
717
+ .ui.five.column.doubling.grid > .column,
718
+ .ui.grid > .five.column.doubling.row > .column {
719
+ width: 33.3333333%;
720
+ }
721
+ .ui.six.column.doubling.grid > .row > .column,
722
+ .ui.six.column.doubling.grid > .column,
723
+ .ui.grid > .six.column.doubling.row > .column {
724
+ width: 33.3333333%;
725
+ }
726
+ .ui.eight.column.doubling.grid > .row > .column,
727
+ .ui.eight.column.doubling.grid > .column,
728
+ .ui.grid > .eight.column.doubling.row > .column {
729
+ width: 33.3333333%;
730
+ }
731
+ .ui.eight.column.doubling.grid > .row > .column,
732
+ .ui.eight.column.doubling.grid > .column,
733
+ .ui.grid > .eight.column.doubling.row > .column {
734
+ width: 25%;
735
+ }
736
+ .ui.nine.column.doubling.grid > .row > .column,
737
+ .ui.nine.column.doubling.grid > .column,
738
+ .ui.grid > .nine.column.doubling.row > .column {
739
+ width: 25%;
740
+ }
741
+ .ui.ten.column.doubling.grid > .row > .column,
742
+ .ui.ten.column.doubling.grid > .column,
743
+ .ui.grid > .ten.column.doubling.row > .column {
744
+ width: 20%;
745
+ }
746
+ .ui.twelve.column.doubling.grid > .row > .column,
747
+ .ui.twelve.column.doubling.grid > .column,
748
+ .ui.grid > .twelve.column.doubling.row > .column {
749
+ width: 16.6666666%;
750
+ }
751
+ .ui.fourteen.column.doubling.grid > .row > .column,
752
+ .ui.fourteen.column.doubling.grid > .column,
753
+ .ui.grid > .fourteen.column.doubling.row > .column {
754
+ width: 14.28571428571429%;
755
+ }
756
+ .ui.sixteen.column.doubling.grid > .row > .column,
757
+ .ui.sixteen.column.doubling.grid > .column,
758
+ .ui.grid > .sixteen.column.doubling.row > .column {
759
+ width: 12.5%;
760
+ }
761
+ }
762
+
620
763
  /*-------------------
621
764
  Stackable
622
765
  --------------------*/
@@ -625,14 +768,15 @@ body > .ui.grid {
625
768
  .ui.stackable.grid {
626
769
  display: block !important;
627
770
  padding: 0em;
771
+ margin: 0em;
628
772
  }
629
773
  .ui.stackable.grid > .row > .column,
630
774
  .ui.stackable.grid > .column {
631
775
  display: block !important;
632
776
  width: auto !important;
633
777
 
634
- margin: 1.5em 5% 0em !important;
635
- padding: 1.5em 0em 0em !important;
778
+ margin: 1em 0em 0em !important;
779
+ padding: 1em 0em 0em !important;
636
780
 
637
781
  -webkit-box-shadow: none !important;
638
782
  -moz-box-shadow: none !important;
@@ -654,6 +798,12 @@ body > .ui.grid {
654
798
  border-top: none !important;
655
799
  }
656
800
 
801
+ .ui.stackable.page.grid > .row > .column,
802
+ .ui.stackable.page.grid > .column {
803
+ padding-left: 1em !important;
804
+ padding-right: 1em !important;
805
+ }
806
+
657
807
  /* Remove pointers from vertical menus */
658
808
  .ui.stackable.grid .vertical.pointing.menu .item:after {
659
809
  display: none;
@@ -219,6 +219,10 @@
219
219
  -moz-border-radius: 0em 0em 0.325em 0.325em;
220
220
  border-radius: 0em 0em 0.325em 0.325em;
221
221
  }
222
+ .ui.attached.icon.message {
223
+ display: block;
224
+ width: auto;
225
+ }
222
226
 
223
227
 
224
228
  /*--------------
@@ -11,7 +11,7 @@
11
11
 
12
12
 
13
13
  /*******************************
14
- basic.Icon
14
+ Basic Icon
15
15
  *******************************/
16
16
 
17
17
  @font-face {
@@ -19,9 +19,9 @@
19
19
  src: asset-url("semantic-ui/basic.icons.eot");
20
20
  src:
21
21
  asset-url("semantic-ui/basic.icons.eot?#iefix") format('embedded-opentype'),
22
+ asset-url("semantic-ui/basic.icons.svg#basic.icons") format('svg'),
22
23
  asset-url("semantic-ui/basic.icons.woff") format('woff'),
23
- asset-url("semantic-ui/basic.icons.ttf") format('truetype'),
24
- asset-url("semantic-ui/basic.icons.svg#basic.icons") format('svg')
24
+ asset-url("semantic-ui/basic.icons.ttf") format('truetype')
25
25
  ;
26
26
 
27
27
  font-style: normal;
@@ -428,7 +428,6 @@
428
428
  color: #FFFFFF;
429
429
  }
430
430
 
431
-
432
431
  /* Pinterest */
433
432
  .ui.pinterest.button {
434
433
  background-color: #00ACED;
@@ -443,6 +442,19 @@
443
442
  color: #FFFFFF;
444
443
  }
445
444
 
445
+ /* vk.com */
446
+ .ui.vk.button {
447
+ background-color: #4D7198;
448
+ color: #FFFFFF;
449
+ }
450
+ .ui.vk.button:hover {
451
+ background-color: #537AA5;
452
+ color: #FFFFFF;
453
+ }
454
+ .ui.vk.button:active {
455
+ background-color: #405E7E;
456
+ color: #FFFFFF;
457
+ }
446
458
  /*--------------
447
459
  Icon
448
460
  ---------------*/
@@ -263,6 +263,14 @@ h5.ui.header {
263
263
  .ui.center.aligned.header {
264
264
  text-align: center;
265
265
  }
266
+ .ui.justified.header {
267
+ text-align: justify;
268
+ }
269
+ .ui.justified.header:after {
270
+ display: inline-block;
271
+ content: '';
272
+ width: 100%;
273
+ }
266
274
 
267
275
  /*-------------------
268
276
  Floated
@@ -31,9 +31,9 @@
31
31
  src: asset-url("semantic-ui/icons.eot");
32
32
  src:
33
33
  asset-url("semantic-ui/icons.eot?#iefix") format('embedded-opentype'),
34
+ asset-url("semantic-ui/icons.svg#icons") format('svg'),
34
35
  asset-url("semantic-ui/icons.woff") format('woff'),
35
- asset-url("semantic-ui/icons.ttf") format('truetype'),
36
- asset-url("semantic-ui/icons.svg#icons") format('svg')
36
+ asset-url("semantic-ui/icons.ttf") format('truetype')
37
37
  ;
38
38
 
39
39
  font-style: normal;
@@ -232,6 +232,18 @@
232
232
  border-top: 1px solid rgba(255, 255, 255, 0.35);
233
233
  }
234
234
 
235
+ /*-------------------
236
+ Circular
237
+ --------------------*/
238
+
239
+ .ui.circular.segment {
240
+ display: table-cell;
241
+ padding: 2em;
242
+ text-align: center;
243
+ vertical-align: middle;
244
+ border-radius: 500em;
245
+ }
246
+
235
247
  /*-------------------
236
248
  Raised
237
249
  --------------------*/
@@ -361,6 +373,10 @@
361
373
  .ui.center.aligned.segment {
362
374
  text-align: center;
363
375
  }
376
+ .ui.justified.segment {
377
+ text-align: justify;
378
+ hyphens: auto;
379
+ }
364
380
 
365
381
  /*-------------------
366
382
  Floated
@@ -113,7 +113,7 @@
113
113
  overflow: hidden;
114
114
  }
115
115
 
116
- .ui.dimmed.dimmable > .ui.dimmer,
116
+ .ui.dimmed.dimmable > .ui.visible.dimmer,
117
117
  .ui.active.dimmer {
118
118
  display: block;
119
119
  width: 100%;
@@ -34,7 +34,7 @@
34
34
 
35
35
  /* Icon */
36
36
  .ui.rating .icon {
37
- cursor: default;
37
+ cursor: pointer;
38
38
 
39
39
  margin: 0em;
40
40
 
@@ -131,9 +131,9 @@
131
131
  Active
132
132
  --------------------*/
133
133
 
134
- /* active rating */
135
- .ui.active.rating .icon {
136
- cursor: pointer;
134
+ /* disabled rating */
135
+ .ui.disabled.rating .icon {
136
+ cursor: default;
137
137
  }
138
138
 
139
139
  /* active icons */
@@ -1,7 +1,7 @@
1
1
  module Semantic
2
2
  module Ui
3
3
  module Rails
4
- VERSION = "0.9.5"
4
+ VERSION = "0.10.1"
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.9.5
4
+ version: 0.10.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - nd0ut
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-11-25 00:00:00.000000000 Z
11
+ date: 2013-12-08 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: less-rails