semantic-ui-rails 0.13.1 → 0.14.0

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: d806f0e3643473e594e354764a663f07dd2e7adc
4
- data.tar.gz: 0d8563fe95eee71edab22a3237fb354b9c03864e
3
+ metadata.gz: b0d077e82f486a0372ea9f41c789e5c53a718491
4
+ data.tar.gz: d1602331975cbafd98f597f493c145dbc01fa043
5
5
  SHA512:
6
- metadata.gz: cd8a17c2600fb3e30d94bc133ed4f4692bee75b0174148065a4e9e78392c4b9690c5e2478504c76165217ea228acbfa52446b2dba937753d5a5d197c1b75ec39
7
- data.tar.gz: c1c13e87837384d1011de0b1c69cc61d38c7ff2e82e3722ce5d993d084cb177db2340c0df5fb6d4e2db7c5eadd9a463a488c9eb4ffdfa2fe9ff87d8cbdfe95b2
6
+ metadata.gz: 59ae59df1719d35af5c21a4503a1f81be1087259229eb7157f795956ab7b6a672237c6bb102f5415de6da41319982805085da3bbbf1c70ea55280ed7bda86b03
7
+ data.tar.gz: 8f71837e6a166428b94d7d9b1d2def58174b7558830e493f119e2cef9b8603395ef365e7006b7bf0b3da681cf24f86d154b97bf15c88f7b07e7d4381eb07f8a8
@@ -1,6 +1,6 @@
1
1
  /*
2
2
  * # Semantic - Modal
3
- * http://github.com/jlukic/semantic-ui/
3
+ * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
6
  * Copyright 2013 Contributors
@@ -65,7 +65,7 @@ $.fn.modal = function(parameters) {
65
65
  initialize: function() {
66
66
  module.verbose('Initializing dimmer', $context);
67
67
 
68
- if(typeof $.fn.dimmer === undefined) {
68
+ if($.fn.dimmer === undefined) {
69
69
  module.error(error.dimmer);
70
70
  return;
71
71
  }
@@ -73,7 +73,7 @@ $.fn.modal = function(parameters) {
73
73
  .dimmer({
74
74
  closable : false,
75
75
  useCSS : true,
76
- duration: {
76
+ duration : {
77
77
  show : settings.duration * 0.9,
78
78
  hide : settings.duration * 1.1
79
79
  }
@@ -96,9 +96,7 @@ $.fn.modal = function(parameters) {
96
96
  .on('click' + eventNamespace, module.event.close)
97
97
  ;
98
98
  $window
99
- .on('resize' + eventNamespace, function() {
100
- module.event.debounce(module.refresh, 50);
101
- })
99
+ .on('resize' + eventNamespace, module.event.resize)
102
100
  ;
103
101
  module.instantiate();
104
102
  },
@@ -210,7 +208,7 @@ $.fn.modal = function(parameters) {
210
208
  },
211
209
  resize: function() {
212
210
  if( $dimmable.dimmer('is active') ) {
213
- module.refresh();
211
+ requestAnimationFrame(module.refresh);
214
212
  }
215
213
  }
216
214
  },
@@ -728,4 +726,4 @@ $.fn.modal.settings = {
728
726
  };
729
727
 
730
728
 
731
- })( jQuery, window , document );
729
+ })( jQuery, window , document );
@@ -288,6 +288,7 @@
288
288
  -moz-box-shadow: 0.3em 0em 0em 0em #D95C5C inset;
289
289
  box-shadow: 0.3em 0em 0em 0em #D95C5C inset;
290
290
  }
291
+
291
292
  .ui.form .field.error textarea:focus,
292
293
  .ui.form .field.error input[type="text"]:focus,
293
294
  .ui.form .field.error input[type="email"]:focus,
@@ -305,6 +306,45 @@
305
306
  box-shadow: 0.3em 0em 0em 0em #FF5050 inset;
306
307
  }
307
308
 
309
+ /*----------------------------
310
+ Dropdown Selection Warning
311
+ -----------------------------*/
312
+
313
+ .ui.form .fields.error .field .ui.dropdown,
314
+ .ui.form .fields.error .field .ui.dropdown .item,
315
+ .ui.form .field.error .ui.dropdown,
316
+ .ui.form .field.error .ui.dropdown .item {
317
+ background-color: #FFFAFA;
318
+ color: #D95C5C;
319
+ }
320
+
321
+ .ui.form .fields.error .field .ui.dropdown,
322
+ .ui.form .field.error .ui.dropdown {
323
+ -webkit-box-shadow: 0px 0px 0px 1px #E7BEBE !important;
324
+ box-shadow: 0px 0px 0px 1px #E7BEBE !important;
325
+ }
326
+
327
+ .ui.form .fields.error .field .ui.dropdown:hover,
328
+ .ui.form .field.error .ui.dropdown:hover {
329
+ -webkit-box-shadow: 0px 0px 0px 1px #E7BEBE !important;
330
+ box-shadow: 0px 0px 0px 1px #E7BEBE !important;
331
+ }
332
+ .ui.form .fields.error .field .ui.dropdown:hover .menu,
333
+ .ui.form .field.error .ui.dropdown:hover .menu {
334
+ -webkit-box-shadow: 0px 1px 0px 1px #E7BEBE;
335
+ -moz-box-shadow: 0px 1px 0px 1px #E7BEBE;
336
+ box-shadow: 0px 1px 0px 1px #E7BEBE;
337
+ }
338
+ .ui.form .fields.error .field .ui.dropdown .menu .item:hover,
339
+ .ui.form .field.error .ui.dropdown .menu .item:hover {
340
+ background-color: #FFF2F2;
341
+ }
342
+
343
+ .ui.form .fields.error .field .ui.dropdown .menu .active.item,
344
+ .ui.form .field.error .ui.dropdown .menu .active.item {
345
+ background-color: #FDCFCF !important;
346
+ }
347
+
308
348
  /*--------------------
309
349
  Empty (Placeholder)
310
350
  ---------------------*/
@@ -74,6 +74,46 @@
74
74
  ;
75
75
  }
76
76
 
77
+ /*******************************
78
+ Types
79
+ *******************************/
80
+
81
+ .ui.vertical.steps {
82
+ overflow: visible;
83
+ }
84
+ .ui.vertical.steps .step {
85
+ display: block;
86
+ border-radius: 0em;
87
+ padding: 1em 2em;
88
+ }
89
+ .ui.vertical.steps .step:first-child {
90
+ padding: 1em 2em;
91
+ border-top-left-radius: 0.3125rem;
92
+ border-top-right-radius: 0.3125rem;
93
+ }
94
+ .ui.vertical.steps .step:last-child {
95
+ border-bottom-left-radius: 0.3125rem;
96
+ border-bottom-right-radius: 0.3125rem;
97
+ }
98
+
99
+ /* Arrow */
100
+ .ui.vertical.steps .step:after {
101
+ display: none;
102
+ }
103
+
104
+ /* Disabled */
105
+ .ui.vertical.steps .disabled.step:after {
106
+ padding: 1em 2em;
107
+ }
108
+
109
+
110
+ /* Active Arrow */
111
+ .ui.vertical.steps .active.step:after {
112
+ display: block;
113
+ }
114
+
115
+
116
+
77
117
  /*******************************
78
118
  Group
79
119
  *******************************/
@@ -82,6 +122,7 @@
82
122
  cursor: pointer;
83
123
  display: inline-block;
84
124
  font-size: 0em;
125
+ overflow: hidden;
85
126
 
86
127
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
87
128
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
@@ -197,12 +197,20 @@
197
197
  display: block;
198
198
  }
199
199
 
200
+ /*--------------------
201
+ Hover
202
+ ----------------------*/
203
+
200
204
  /* Menu Item Hover */
201
205
  .ui.dropdown .menu .item:hover {
202
206
  background-color: rgba(0, 0, 0, 0.02);
203
207
  z-index: 12;
204
208
  }
205
209
 
210
+ /*--------------------
211
+ Active
212
+ ----------------------*/
213
+
206
214
  /* Menu Item Active */
207
215
  .ui.dropdown .menu .active.item {
208
216
  box-shadow: none;
@@ -216,7 +224,10 @@
216
224
  z-index: 12;
217
225
  }
218
226
 
219
- /* Default Text */
227
+ /*--------------------
228
+ Default Text
229
+ ----------------------*/
230
+
220
231
  .ui.dropdown > .default.text,
221
232
  .ui.default.dropdown > .text {
222
233
  color: rgba(0, 0, 0, 0.5);
@@ -227,6 +238,42 @@
227
238
  }
228
239
 
229
240
 
241
+ /*--------------------
242
+ Error
243
+ ----------------------*/
244
+
245
+ .ui.dropdown.error,
246
+ .ui.dropdown.error .item {
247
+ color: #D95C5C !important;
248
+ }
249
+
250
+ .ui.selection.dropdown.error {
251
+ background-color: #FFFAFA;
252
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
253
+ box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
254
+ }
255
+ .ui.selection.dropdown.error:hover {
256
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
257
+ box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
258
+ }
259
+
260
+ .ui.dropdown.error .menu {
261
+ -webkit-box-shadow: 0px 0px 1px 1px #E7BEBE !important;
262
+ -moz-box-shadow: 0px 0px 1px 1px #E7BEBE !important;
263
+ box-shadow: 0px 0px 1px 1px #E7BEBE !important;
264
+ }
265
+
266
+ /* Item Hover */
267
+ .ui.dropdown.error .menu .item:hover {
268
+ background-color: #FFF2F2 !important;
269
+ }
270
+
271
+ /* Item Active */
272
+ .ui.dropdown.error .menu .active.item {
273
+ background-color: #FDCFCF !important;
274
+ }
275
+
276
+
230
277
  /*******************************
231
278
  Variations
232
279
  *******************************/
@@ -361,21 +408,6 @@
361
408
  margin-right: 0.5em;
362
409
  }
363
410
 
364
- /* Hover */
365
- .ui.selection.dropdown:hover {
366
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
367
- -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
368
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
369
- }
370
- .ui.selection.dropdown:hover .menu {
371
- -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
372
- -moz-box-shadow: 0px 1px 0px 1px #D3D3D3;
373
- box-shadow: 0px 1px 0px 1px #D3D3D3;
374
- }
375
- .ui.selection.dropdown:hover > .dropdown.icon {
376
- opacity: 1;
377
- }
378
-
379
411
  /* Visible */
380
412
  .ui.visible.selection.dropdown {
381
413
  border-bottom-left-radius: 0em !important;
@@ -384,7 +416,6 @@
384
416
 
385
417
  /* Active */
386
418
  .ui.active.selection.dropdown {
387
-
388
419
  -webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
389
420
  -moz-border-radius: 0.3125em 0.3125em 0em 0em !important;
390
421
  border-radius: 0.3125em 0.3125em 0em 0em !important;
@@ -392,8 +423,6 @@
392
423
  .ui.active.selection.dropdown > .dropdown.icon {
393
424
  opacity: 1;
394
425
  }
395
- .ui.active.selection.dropdown .menu {
396
- }
397
426
 
398
427
  /*--------------
399
428
  Fluid
@@ -54,7 +54,7 @@ ol.ui.list li,
54
54
  list-style-position: inside;
55
55
 
56
56
  padding: 0.3em 0em;
57
- line-height: 1.2;
57
+ line-height: 1.2em;
58
58
  }
59
59
 
60
60
  .ui.list .item:after {
@@ -102,7 +102,7 @@ ol.ui.list li,
102
102
  .ui.list .item > .content {
103
103
  display: inline-block;
104
104
  vertical-align: middle;
105
- line-height: 1.2;
105
+ line-height: 1.2em;
106
106
  }
107
107
  .ui.list .item > .icon + .content {
108
108
  display: table-cell;
@@ -322,9 +322,6 @@ ul.ui.list li:before,
322
322
  position: absolute;
323
323
  left: -1.5em;
324
324
  content: '•';
325
-
326
- line-height: 1.2rem;
327
- vertical-align: top;
328
325
  }
329
326
 
330
327
  ul.ui.list ul,
@@ -401,6 +398,7 @@ ol.ui.horizontal.list,
401
398
  ol.ui.horizontal.list li:before,
402
399
  .ui.ordered.horizontal.list .item:before {
403
400
  position: static;
401
+ left: 0em;
404
402
  margin: 0em 0.5em 0em 0em;
405
403
  }
406
404
 
@@ -474,7 +472,7 @@ ol.ui.horizontal.list li:before,
474
472
  padding-left: 0.75em;
475
473
  padding-right: 0.75em;
476
474
 
477
- line-height: 0.6;
475
+ line-height: 0.6em;
478
476
  }
479
477
  .ui.horizontal.divided.list > .item:first-child {
480
478
  border-left: none;
@@ -556,7 +554,7 @@ ol.ui.horizontal.list li:before,
556
554
  padding-left: 0.75em;
557
555
  padding-right: 0.75em;
558
556
 
559
- line-height: 0.6;
557
+ line-height: 0.6em;
560
558
  }
561
559
  .ui.horizontal.celled.list .item:last-child {
562
560
  border-bottom: none;
@@ -1,7 +1,7 @@
1
1
  module Semantic
2
2
  module Ui
3
3
  module Rails
4
- VERSION = "0.13.1"
4
+ VERSION = "0.14.0"
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.13.1
4
+ version: 0.14.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - nd0ut
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-03-01 00:00:00.000000000 Z
11
+ date: 2014-03-07 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: less-rails