semantic-ui-rails 0.9.5 → 0.10.1

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