semantic-ui-rails 0.16.1 → 0.18.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 +4 -4
- data/README.md +3 -0
- data/app/assets/javascripts/semantic-ui/modules/behavior/form.js +2 -2
- data/app/assets/javascripts/semantic-ui/modules/dropdown.js +78 -4
- data/app/assets/javascripts/semantic-ui/modules/modal.js +96 -64
- data/app/assets/javascripts/semantic-ui/modules/popup.js +12 -2
- data/app/assets/javascripts/semantic-ui/modules/search.js +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/form.less +6 -7
- data/app/assets/stylesheets/semantic-ui/collections/menu.less +1 -0
- data/app/assets/stylesheets/semantic-ui/elements/label.less +4 -4
- data/app/assets/stylesheets/semantic-ui/modules/accordion.less +7 -7
- data/app/assets/stylesheets/semantic-ui/modules/dropdown.less +72 -1
- data/lib/generators/semantic/install/templates/semantic-ui.css.less +22 -22
- data/lib/generators/semantic/install/templates/semantic-ui.js +13 -13
- data/lib/semantic/ui/rails/version.rb +1 -1
- metadata +20 -20
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 73754d469a516702dabb7ded2e8337d341ef2401
|
4
|
+
data.tar.gz: b5515b886a679986d7c6fbc8e8dedb921d5ce696
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f93657a8a9dc65e37e2058884664b7630c8c6120384f956bf14430e2e4d524c4806c4753a6d1482b2c5fce7f4bdf8e9430399a717f13f8846c54b12bf6998408
|
7
|
+
data.tar.gz: 45a82db9dbd3720b7216c53db8a4a7074871e3e8ed3641a7f0370b04da3926d15a8361607f980b7a6096524f8a1fa51fff73d521e3fcad6604fcbaaf64ad8b86
|
data/README.md
CHANGED
@@ -5,6 +5,9 @@ Semantic empowers designers and developers by creating a language for sharing UI
|
|
5
5
|
|
6
6
|
Homepage: http://semantic-ui.com/
|
7
7
|
|
8
|
+
## SASS
|
9
|
+
Please use the [semantic-ui-sass](https://github.com/doabit/semantic-ui-sass) gem.
|
10
|
+
|
8
11
|
## Installation
|
9
12
|
Inside your Gemfile add the following lines:
|
10
13
|
```ruby
|
@@ -635,7 +635,7 @@ $.fn.form.settings = {
|
|
635
635
|
group : '.field',
|
636
636
|
input : 'input',
|
637
637
|
prompt : '.prompt',
|
638
|
-
submit : '.submit'
|
638
|
+
submit : '.submit:not([type="submit"])'
|
639
639
|
},
|
640
640
|
|
641
641
|
className : {
|
@@ -735,4 +735,4 @@ $.fn.form.settings = {
|
|
735
735
|
|
736
736
|
};
|
737
737
|
|
738
|
-
})( jQuery, window , document );
|
738
|
+
})( jQuery, window , document );
|
@@ -68,6 +68,7 @@ $.fn.dropdown = function(parameters) {
|
|
68
68
|
module.bind.touchEvents();
|
69
69
|
}
|
70
70
|
module.bind.mouseEvents();
|
71
|
+
module.bind.keyboardEvents();
|
71
72
|
module.instantiate();
|
72
73
|
},
|
73
74
|
|
@@ -91,6 +92,15 @@ $.fn.dropdown = function(parameters) {
|
|
91
92
|
},
|
92
93
|
|
93
94
|
bind: {
|
95
|
+
keyboardEvents: function() {
|
96
|
+
module.debug('Binding keyboard events');
|
97
|
+
$module
|
98
|
+
.on('keydown' + eventNamespace, module.handleKeyboard)
|
99
|
+
;
|
100
|
+
$module
|
101
|
+
.on('focus' + eventNamespace, module.show)
|
102
|
+
;
|
103
|
+
},
|
94
104
|
touchEvents: function() {
|
95
105
|
module.debug('Touch device detected binding touch events');
|
96
106
|
$module
|
@@ -154,6 +164,69 @@ $.fn.dropdown = function(parameters) {
|
|
154
164
|
}
|
155
165
|
},
|
156
166
|
|
167
|
+
handleKeyboard: function(event) {
|
168
|
+
var
|
169
|
+
$selectedItem = $item.filter('.' + className.selected),
|
170
|
+
pressedKey = event.which,
|
171
|
+
keys = {
|
172
|
+
enter : 13,
|
173
|
+
escape : 27,
|
174
|
+
upArrow : 38,
|
175
|
+
downArrow : 40
|
176
|
+
},
|
177
|
+
selectedClass = className.selected,
|
178
|
+
currentIndex = $item.index( $selectedItem ),
|
179
|
+
hasSelectedItem = ($selectedItem.size() > 0),
|
180
|
+
resultSize = $item.size(),
|
181
|
+
newIndex
|
182
|
+
;
|
183
|
+
// close shortcuts
|
184
|
+
if(pressedKey == keys.escape) {
|
185
|
+
module.verbose('Escape key pressed, closing dropdown');
|
186
|
+
module.hide();
|
187
|
+
}
|
188
|
+
// result shortcuts
|
189
|
+
if(module.is.visible()) {
|
190
|
+
if(pressedKey == keys.enter && hasSelectedItem) {
|
191
|
+
module.verbose('Enter key pressed, choosing selected item');
|
192
|
+
$.proxy(module.event.item.click, $item.filter('.' + selectedClass) )(event);
|
193
|
+
event.preventDefault();
|
194
|
+
return false;
|
195
|
+
}
|
196
|
+
else if(pressedKey == keys.upArrow) {
|
197
|
+
module.verbose('Up key pressed, changing active item');
|
198
|
+
newIndex = (currentIndex - 1 < 0)
|
199
|
+
? currentIndex
|
200
|
+
: currentIndex - 1
|
201
|
+
;
|
202
|
+
$item
|
203
|
+
.removeClass(selectedClass)
|
204
|
+
.eq(newIndex)
|
205
|
+
.addClass(selectedClass)
|
206
|
+
;
|
207
|
+
event.preventDefault();
|
208
|
+
}
|
209
|
+
else if(pressedKey == keys.downArrow) {
|
210
|
+
module.verbose('Down key pressed, changing active item');
|
211
|
+
newIndex = (currentIndex + 1 >= resultSize)
|
212
|
+
? currentIndex
|
213
|
+
: currentIndex + 1
|
214
|
+
;
|
215
|
+
$item
|
216
|
+
.removeClass(selectedClass)
|
217
|
+
.eq(newIndex)
|
218
|
+
.addClass(selectedClass)
|
219
|
+
;
|
220
|
+
event.preventDefault();
|
221
|
+
}
|
222
|
+
}
|
223
|
+
else {
|
224
|
+
if(pressedKey == keys.enter) {
|
225
|
+
module.show();
|
226
|
+
}
|
227
|
+
}
|
228
|
+
},
|
229
|
+
|
157
230
|
event: {
|
158
231
|
test: {
|
159
232
|
toggle: function(event) {
|
@@ -494,8 +567,8 @@ $.fn.dropdown = function(parameters) {
|
|
494
567
|
},
|
495
568
|
animated: function($subMenu) {
|
496
569
|
return ($subMenu)
|
497
|
-
? $subMenu.is(':animated') || $subMenu.transition('is animating')
|
498
|
-
: $menu.is(':animated') || $menu.transition('is animating')
|
570
|
+
? $subMenu.is(':animated') || $subMenu.transition && $subMenu.transition('is animating')
|
571
|
+
: $menu.is(':animated') || $menu.transition && $menu.transition('is animating')
|
499
572
|
;
|
500
573
|
},
|
501
574
|
visible: function($subMenu) {
|
@@ -916,6 +989,7 @@ $.fn.dropdown.settings = {
|
|
916
989
|
placeholder : 'default',
|
917
990
|
disabled : 'disabled',
|
918
991
|
visible : 'visible',
|
992
|
+
selected : 'selected',
|
919
993
|
selection : 'selection'
|
920
994
|
}
|
921
995
|
|
@@ -925,8 +999,8 @@ $.fn.dropdown.settings = {
|
|
925
999
|
$.extend( $.easing, {
|
926
1000
|
easeOutQuad: function (x, t, b, c, d) {
|
927
1001
|
return -c *(t/=d)*(t-2) + b;
|
928
|
-
}
|
1002
|
+
}
|
929
1003
|
});
|
930
1004
|
|
931
1005
|
|
932
|
-
})( jQuery, window , document );
|
1006
|
+
})( jQuery, window , document );
|
@@ -94,8 +94,7 @@ $.fn.modal = function(parameters) {
|
|
94
94
|
.dimmer('get dimmer')
|
95
95
|
;
|
96
96
|
|
97
|
-
|
98
|
-
$allModals = $otherModals.add($module);
|
97
|
+
module.refreshSelectors();
|
99
98
|
|
100
99
|
module.verbose('Attaching close events', $close);
|
101
100
|
$close
|
@@ -137,6 +136,11 @@ $.fn.modal = function(parameters) {
|
|
137
136
|
module.set.position();
|
138
137
|
},
|
139
138
|
|
139
|
+
refreshSelectors: function() {
|
140
|
+
$otherModals = $module.siblings(selector.modal);
|
141
|
+
$allModals = $otherModals.add($module);
|
142
|
+
},
|
143
|
+
|
140
144
|
attachEvents: function(selector, event) {
|
141
145
|
var
|
142
146
|
$toggle = $(selector)
|
@@ -237,50 +241,63 @@ $.fn.modal = function(parameters) {
|
|
237
241
|
module.showModal(callback);
|
238
242
|
},
|
239
243
|
|
244
|
+
onlyVisible: function() {
|
245
|
+
module.refreshSelectors();
|
246
|
+
return module.is.active() && $otherModals.filter(':visible').size() === 0;
|
247
|
+
},
|
248
|
+
|
249
|
+
othersVisible: function() {
|
250
|
+
module.refreshSelectors();
|
251
|
+
return $otherModals.filter(':visible').size() > 0;
|
252
|
+
},
|
253
|
+
|
240
254
|
showModal: function(callback) {
|
255
|
+
if(module.is.active()) {
|
256
|
+
module.debug('Modal is already visible');
|
257
|
+
return;
|
258
|
+
}
|
259
|
+
|
241
260
|
callback = $.isFunction(callback)
|
242
261
|
? callback
|
243
262
|
: function(){}
|
244
263
|
;
|
245
|
-
if( !module.is.active() ) {
|
246
|
-
if(module.cache === undefined) {
|
247
|
-
module.cacheSizes();
|
248
|
-
}
|
249
|
-
module.set.position();
|
250
|
-
module.set.screenHeight();
|
251
|
-
module.set.type();
|
252
264
|
|
253
|
-
|
254
|
-
|
255
|
-
|
265
|
+
module.save.focus();
|
266
|
+
module.add.keyboardShortcuts();
|
267
|
+
|
268
|
+
if(module.cache === undefined) {
|
269
|
+
module.cacheSizes();
|
270
|
+
}
|
271
|
+
module.set.position();
|
272
|
+
module.set.screenHeight();
|
273
|
+
module.set.type();
|
274
|
+
|
275
|
+
if(module.othersVisible() && !settings.allowMultiple) {
|
276
|
+
module.debug('Other modals visible, queueing show animation');
|
277
|
+
module.hideOthers(module.showModal);
|
278
|
+
}
|
279
|
+
else {
|
280
|
+
$.proxy(settings.onShow, element)();
|
281
|
+
|
282
|
+
var transitionCallback = function() {
|
283
|
+
module.set.active();
|
284
|
+
$.proxy(settings.onVisible, element)();
|
285
|
+
callback();
|
286
|
+
};
|
287
|
+
|
288
|
+
if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
|
289
|
+
module.debug('Showing modal with css animations');
|
290
|
+
$module
|
291
|
+
.transition(settings.transition + ' in', settings.duration, transitionCallback)
|
292
|
+
;
|
256
293
|
}
|
257
294
|
else {
|
258
|
-
|
259
|
-
|
260
|
-
|
261
|
-
|
262
|
-
.transition(settings.transition + ' in', settings.duration, function() {
|
263
|
-
$.proxy(settings.onVisible, element)();
|
264
|
-
module.set.active();
|
265
|
-
callback();
|
266
|
-
})
|
267
|
-
;
|
268
|
-
}
|
269
|
-
else {
|
270
|
-
module.debug('Showing modal with javascript');
|
271
|
-
$module
|
272
|
-
.fadeIn(settings.duration, settings.easing, function() {
|
273
|
-
$.proxy(settings.onVisible, element)();
|
274
|
-
module.set.active();
|
275
|
-
callback();
|
276
|
-
})
|
277
|
-
;
|
278
|
-
}
|
295
|
+
module.debug('Showing modal with javascript');
|
296
|
+
$module
|
297
|
+
.fadeIn(settings.duration, settings.easing, transitionCallback)
|
298
|
+
;
|
279
299
|
}
|
280
300
|
}
|
281
|
-
else {
|
282
|
-
module.debug('Modal is already visible');
|
283
|
-
}
|
284
301
|
},
|
285
302
|
|
286
303
|
showDimmer: function() {
|
@@ -289,7 +306,7 @@ $.fn.modal = function(parameters) {
|
|
289
306
|
$dimmable.dimmer('show');
|
290
307
|
}
|
291
308
|
else {
|
292
|
-
module.debug('Dimmer already visible');
|
309
|
+
module.debug('Dimmer is already visible');
|
293
310
|
}
|
294
311
|
},
|
295
312
|
|
@@ -298,7 +315,8 @@ $.fn.modal = function(parameters) {
|
|
298
315
|
? callback
|
299
316
|
: function(){}
|
300
317
|
;
|
301
|
-
|
318
|
+
module.refreshSelectors();
|
319
|
+
if(module.onlyVisible()) {
|
302
320
|
module.hideDimmer();
|
303
321
|
}
|
304
322
|
module.hideModal(callback);
|
@@ -306,7 +324,7 @@ $.fn.modal = function(parameters) {
|
|
306
324
|
|
307
325
|
hideDimmer: function() {
|
308
326
|
if( !module.is.active() ) {
|
309
|
-
module.debug('Dimmer is
|
327
|
+
module.debug('Dimmer is already hidden');
|
310
328
|
return;
|
311
329
|
}
|
312
330
|
module.debug('Hiding dimmer');
|
@@ -327,35 +345,37 @@ $.fn.modal = function(parameters) {
|
|
327
345
|
},
|
328
346
|
|
329
347
|
hideModal: function(callback) {
|
348
|
+
if(!module.is.active()) {
|
349
|
+
module.debug('Modal is already hidden');
|
350
|
+
return;
|
351
|
+
}
|
352
|
+
|
330
353
|
callback = $.isFunction(callback)
|
331
354
|
? callback
|
332
355
|
: function(){}
|
333
356
|
;
|
334
|
-
|
335
|
-
|
336
|
-
return;
|
337
|
-
}
|
338
|
-
module.debug('Hiding modal');
|
357
|
+
|
358
|
+
module.restore.focus();
|
339
359
|
module.remove.keyboardShortcuts();
|
360
|
+
|
340
361
|
$.proxy(settings.onHide, element)();
|
362
|
+
|
363
|
+
var transitionCallback = function() {
|
364
|
+
module.remove.active();
|
365
|
+
$.proxy(settings.onHidden, element)();
|
366
|
+
callback();
|
367
|
+
};
|
368
|
+
|
341
369
|
if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
|
370
|
+
module.debug('Hiding modal with css animations');
|
342
371
|
$module
|
343
|
-
.transition(settings.transition + ' out', settings.duration,
|
344
|
-
$.proxy(settings.onHidden, element)();
|
345
|
-
module.remove.active();
|
346
|
-
module.restore.focus();
|
347
|
-
callback();
|
348
|
-
})
|
372
|
+
.transition(settings.transition + ' out', settings.duration, transitionCallback)
|
349
373
|
;
|
350
374
|
}
|
351
375
|
else {
|
376
|
+
module.debug('Hiding modal with javascript');
|
352
377
|
$module
|
353
|
-
.fadeOut(settings.duration, settings.easing,
|
354
|
-
$.proxy(settings.onHidden, element)();
|
355
|
-
module.remove.active();
|
356
|
-
module.restore.focus();
|
357
|
-
callback();
|
358
|
-
})
|
378
|
+
.fadeOut(settings.duration, settings.easing, transitionCallback)
|
359
379
|
;
|
360
380
|
}
|
361
381
|
},
|
@@ -365,7 +385,7 @@ $.fn.modal = function(parameters) {
|
|
365
385
|
? callback
|
366
386
|
: function(){}
|
367
387
|
;
|
368
|
-
if( $
|
388
|
+
if( $module.is(':visible') || module.othersVisible() ) {
|
369
389
|
module.debug('Hiding all visible modals');
|
370
390
|
module.hideDimmer();
|
371
391
|
$allModals
|
@@ -380,7 +400,7 @@ $.fn.modal = function(parameters) {
|
|
380
400
|
? callback
|
381
401
|
: function(){}
|
382
402
|
;
|
383
|
-
if(
|
403
|
+
if( module.othersVisible() ) {
|
384
404
|
module.debug('Hiding other modals');
|
385
405
|
$otherModals
|
386
406
|
.filter(':visible')
|
@@ -473,17 +493,22 @@ $.fn.modal = function(parameters) {
|
|
473
493
|
}
|
474
494
|
},
|
475
495
|
active: function() {
|
476
|
-
module.
|
477
|
-
|
478
|
-
$module
|
479
|
-
.addClass(className.active)
|
480
|
-
;
|
496
|
+
$module.addClass(className.active);
|
497
|
+
|
481
498
|
if(settings.closable) {
|
482
499
|
$dimmer
|
483
500
|
.off('click' + eventNamespace)
|
484
501
|
.on('click' + eventNamespace, module.event.click)
|
485
502
|
;
|
486
503
|
}
|
504
|
+
|
505
|
+
if(settings.autofocus) {
|
506
|
+
var $inputs = $module.find(':input:visible');
|
507
|
+
var $autofocus = $inputs.filter('[autofocus]');
|
508
|
+
var $input = $autofocus.length ? $autofocus : $inputs;
|
509
|
+
|
510
|
+
$input.first().focus();
|
511
|
+
}
|
487
512
|
},
|
488
513
|
scrolling: function() {
|
489
514
|
$dimmable.addClass(className.scrolling);
|
@@ -708,10 +733,11 @@ $.fn.modal.settings = {
|
|
708
733
|
allowMultiple : true,
|
709
734
|
detachable : true,
|
710
735
|
closable : true,
|
736
|
+
autofocus : true,
|
711
737
|
context : 'body',
|
712
738
|
|
713
739
|
duration : 500,
|
714
|
-
easing : '
|
740
|
+
easing : 'easeOutQuad',
|
715
741
|
offset : 0,
|
716
742
|
transition : 'scale',
|
717
743
|
|
@@ -742,5 +768,11 @@ $.fn.modal.settings = {
|
|
742
768
|
}
|
743
769
|
};
|
744
770
|
|
771
|
+
// Adds easing
|
772
|
+
$.extend( $.easing, {
|
773
|
+
easeOutQuad: function (x, t, b, c, d) {
|
774
|
+
return -c *(t/=d)*(t-2) + b;
|
775
|
+
}
|
776
|
+
});
|
745
777
|
|
746
778
|
})( jQuery, window , document );
|
@@ -259,6 +259,7 @@ $.fn.popup = function(parameters) {
|
|
259
259
|
$popup
|
260
260
|
.remove()
|
261
261
|
;
|
262
|
+
$.proxy(settings.onRemove, $popup)();
|
262
263
|
},
|
263
264
|
|
264
265
|
save: {
|
@@ -786,6 +787,7 @@ $.fn.popup.settings = {
|
|
786
787
|
namespace : 'popup',
|
787
788
|
|
788
789
|
onCreate : function(){},
|
790
|
+
onRemove : function(){},
|
789
791
|
onShow : function(){},
|
790
792
|
onHide : function(){},
|
791
793
|
|
@@ -805,7 +807,7 @@ $.fn.popup.settings = {
|
|
805
807
|
preserve : false,
|
806
808
|
|
807
809
|
duration : 250,
|
808
|
-
easing : '
|
810
|
+
easing : 'easeOutQuad',
|
809
811
|
transition : 'scale',
|
810
812
|
|
811
813
|
distanceAway : 0,
|
@@ -854,4 +856,12 @@ $.fn.popup.settings = {
|
|
854
856
|
|
855
857
|
};
|
856
858
|
|
857
|
-
|
859
|
+
// Adds easing
|
860
|
+
$.extend( $.easing, {
|
861
|
+
easeOutQuad: function (x, t, b, c, d) {
|
862
|
+
return -c *(t/=d)*(t-2) + b;
|
863
|
+
}
|
864
|
+
});
|
865
|
+
|
866
|
+
|
867
|
+
})( jQuery, window , document );
|
@@ -137,7 +137,7 @@ $.fn.search = function(source, parameters) {
|
|
137
137
|
if($results.filter(':visible').size() > 0) {
|
138
138
|
if(keyCode == keys.enter) {
|
139
139
|
module.verbose('Enter key pressed, selecting active result');
|
140
|
-
if( $result.filter('.' + activeClass).
|
140
|
+
if( $result.filter('.' + activeClass).size() > 0 ) {
|
141
141
|
$.proxy(module.results.select, $result.filter('.' + activeClass) )();
|
142
142
|
event.preventDefault();
|
143
143
|
return false;
|
@@ -335,11 +335,13 @@
|
|
335
335
|
-moz-box-shadow: 0px 1px 0px 1px #E7BEBE;
|
336
336
|
box-shadow: 0px 1px 0px 1px #E7BEBE;
|
337
337
|
}
|
338
|
-
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
|
339
|
-
.ui.form .field.error .ui.dropdown .menu .item:hover {
|
338
|
+
.ui.form .fields.error .field .ui.selection.dropdown .menu .item:hover,
|
339
|
+
.ui.form .field.error .ui.selection.dropdown .menu .item:hover {
|
340
340
|
background-color: #FFF2F2;
|
341
341
|
}
|
342
342
|
|
343
|
+
|
344
|
+
/* Currently Active Item */
|
343
345
|
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
|
344
346
|
.ui.form .field.error .ui.dropdown .menu .active.item {
|
345
347
|
background-color: #FDCFCF !important;
|
@@ -666,9 +668,11 @@
|
|
666
668
|
}
|
667
669
|
.ui.form .inline.fields .field > label,
|
668
670
|
.ui.form .inline.fields .field > p,
|
671
|
+
.ui.form .inline.fields .field > .ui.input,
|
669
672
|
.ui.form .inline.fields .field > input,
|
670
673
|
.ui.form .inline.field > label,
|
671
674
|
.ui.form .inline.field > p,
|
675
|
+
.ui.form .inline.field > .ui.input,
|
672
676
|
.ui.form .inline.field > input {
|
673
677
|
|
674
678
|
display: inline-block;
|
@@ -678,11 +682,6 @@
|
|
678
682
|
margin-bottom: 0em;
|
679
683
|
|
680
684
|
vertical-align: middle;
|
681
|
-
font-size: 1em;
|
682
|
-
}
|
683
|
-
.ui.form .inline.fields .field > input,
|
684
|
-
.ui.form .inline.field > input {
|
685
|
-
font-size: 0.875em;
|
686
685
|
}
|
687
686
|
|
688
687
|
.ui.form .inline.fields .field > :first-child,
|
@@ -380,9 +380,9 @@ a.ui.label:hover:before {
|
|
380
380
|
left: auto;
|
381
381
|
right: 0em;
|
382
382
|
width: auto;
|
383
|
-
-webkit-border-radius: 4px
|
384
|
-
-moz-border-radius: 4px
|
385
|
-
border-radius: 4px
|
383
|
+
-webkit-border-radius: 0px 4px 0px 4px;
|
384
|
+
-moz-border-radius: 0px 4px 0px 4px;
|
385
|
+
border-radius: 0px 4px 0px 4px;
|
386
386
|
}
|
387
387
|
|
388
388
|
/*-------------------
|
@@ -943,4 +943,4 @@ a.ui.teal.label:hover:before {
|
|
943
943
|
.ui.huge.labels .label,
|
944
944
|
.ui.huge.label {
|
945
945
|
font-size: 1rem;
|
946
|
-
}
|
946
|
+
}
|
@@ -30,10 +30,10 @@
|
|
30
30
|
|
31
31
|
.ui.accordion .title,
|
32
32
|
.ui.accordion .accordion .title {
|
33
|
-
|
33
|
+
cursor: pointer;
|
34
34
|
|
35
35
|
margin: 0em;
|
36
|
-
|
36
|
+
padding: 0.75em 1em;
|
37
37
|
|
38
38
|
color: rgba(0, 0, 0, 0.6);
|
39
39
|
|
@@ -55,9 +55,9 @@
|
|
55
55
|
background-color 0.2s ease-out
|
56
56
|
;
|
57
57
|
}
|
58
|
-
.ui.accordion .title:first-child,
|
59
|
-
.ui.accordion .accordion .title:first-child {
|
60
|
-
|
58
|
+
.ui.accordion > .title:first-child,
|
59
|
+
.ui.accordion .accordion > .title:first-child {
|
60
|
+
border-top: none;
|
61
61
|
}
|
62
62
|
|
63
63
|
|
@@ -171,7 +171,7 @@
|
|
171
171
|
.ui.accordion .active.title,
|
172
172
|
.ui.accordion .accordion .title:hover,
|
173
173
|
.ui.accordion .accordion .active.title {
|
174
|
-
|
174
|
+
color: rgba(0, 0, 0, 0.8);
|
175
175
|
}
|
176
176
|
|
177
177
|
/*--------------
|
@@ -180,7 +180,7 @@
|
|
180
180
|
|
181
181
|
.ui.accordion .active.title,
|
182
182
|
.ui.accordion .accordion .active.title {
|
183
|
-
|
183
|
+
background-color: rgba(0, 0, 0, 0.1);
|
184
184
|
color: rgba(0, 0, 0, 0.8);
|
185
185
|
}
|
186
186
|
.ui.accordion .active.title .dropdown.icon,
|
@@ -207,6 +207,16 @@
|
|
207
207
|
z-index: 12;
|
208
208
|
}
|
209
209
|
|
210
|
+
/*--------------------
|
211
|
+
Selected
|
212
|
+
----------------------*/
|
213
|
+
|
214
|
+
/* Menu Item Selected */
|
215
|
+
.ui.dropdown .menu .item.selected {
|
216
|
+
background-color: rgba(0, 0, 0, 0.02);
|
217
|
+
z-index: 12;
|
218
|
+
}
|
219
|
+
|
210
220
|
/*--------------------
|
211
221
|
Active
|
212
222
|
----------------------*/
|
@@ -414,6 +424,67 @@
|
|
414
424
|
margin-right: 0.5em;
|
415
425
|
}
|
416
426
|
|
427
|
+
/*--------------------
|
428
|
+
Error
|
429
|
+
----------------------*/
|
430
|
+
.ui.selection.dropdown.error,
|
431
|
+
.ui.selection.dropdown.error .item {
|
432
|
+
background-color: #FFFAFA;
|
433
|
+
color: #D95C5C;
|
434
|
+
}
|
435
|
+
.ui.selection.dropdown.error {
|
436
|
+
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
|
437
|
+
box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
|
438
|
+
}
|
439
|
+
|
440
|
+
.ui.selection.dropdown.error .menu {
|
441
|
+
-webkit-box-shadow: 0px 1px 0px 1px #E7BEBE;
|
442
|
+
-moz-box-shadow: 0px 1px 0px 1px #E7BEBE;
|
443
|
+
box-shadow: 0px 1px 0px 1px #E7BEBE;
|
444
|
+
|
445
|
+
-moz-border-radius: 0px 0px 0.325em 0.325em;
|
446
|
+
-webkit-border-radius: 0px 0px 0.325em 0.325em;
|
447
|
+
border-radius: 0px 0px 0.325em 0.325em;
|
448
|
+
}
|
449
|
+
|
450
|
+
|
451
|
+
/* Menu Item Active */
|
452
|
+
.ui.selection.dropdown.error .menu .active.item {
|
453
|
+
background-color: #FDCFCF !important;
|
454
|
+
}
|
455
|
+
|
456
|
+
/* Hover */
|
457
|
+
.ui.selection.dropdown:hover {
|
458
|
+
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
|
459
|
+
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
|
460
|
+
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
|
461
|
+
}
|
462
|
+
.ui.selection.dropdown:hover .menu {
|
463
|
+
-webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
|
464
|
+
-moz-box-shadow: 0px 1px 0px 1px #D3D3D3;
|
465
|
+
box-shadow: 0px 1px 0px 1px #D3D3D3;
|
466
|
+
}
|
467
|
+
.ui.selection.dropdown:hover > .dropdown.icon {
|
468
|
+
opacity: 1;
|
469
|
+
}
|
470
|
+
.ui.selection.dropdown.error:hover {
|
471
|
+
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
|
472
|
+
box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important;
|
473
|
+
}
|
474
|
+
.ui.selection.dropdown.error:hover .menu {
|
475
|
+
-webkit-box-shadow: 0px 1px 0px 1px #E7BEBE;
|
476
|
+
-moz-box-shadow: 0px 1px 0px 1px #E7BEBE;
|
477
|
+
box-shadow: 0px 1px 0px 1px #E7BEBE;
|
478
|
+
}
|
479
|
+
.ui.selection.dropdown.error .menu .item:hover {
|
480
|
+
background-color: #FFF2F2;
|
481
|
+
}
|
482
|
+
|
483
|
+
/* Selected */
|
484
|
+
.ui.selection.dropdown.error .menu .item.selected {
|
485
|
+
background-color: #FFF2F2;
|
486
|
+
}
|
487
|
+
|
417
488
|
/* Visible */
|
418
489
|
.ui.visible.selection.dropdown {
|
419
490
|
border-bottom-left-radius: 0em !important;
|
@@ -513,7 +584,7 @@
|
|
513
584
|
-webkit-transform: rotate(45deg);
|
514
585
|
-moz-transform: rotate(45deg);
|
515
586
|
transform: rotate(45deg);
|
516
|
-
z-index:
|
587
|
+
z-index: 12;
|
517
588
|
}
|
518
589
|
|
519
590
|
.ui.pointing.dropdown .menu .active.item:first-child {
|
@@ -1,47 +1,47 @@
|
|
1
1
|
/* Elements */
|
2
|
-
@import 'semantic-ui/elements/
|
3
|
-
@import 'semantic-ui/elements/progress.less';
|
4
|
-
@import 'semantic-ui/elements/segment.less';
|
5
|
-
@import 'semantic-ui/elements/loader.less';
|
6
|
-
@import 'semantic-ui/elements/step.less';
|
2
|
+
@import 'semantic-ui/elements/basic.icon.less';
|
7
3
|
@import 'semantic-ui/elements/button.less';
|
8
|
-
@import 'semantic-ui/elements/input.less';
|
9
|
-
@import 'semantic-ui/elements/label.less';
|
10
4
|
@import 'semantic-ui/elements/divider.less';
|
5
|
+
@import 'semantic-ui/elements/header.less';
|
6
|
+
@import 'semantic-ui/elements/icon.less';
|
11
7
|
@import 'semantic-ui/elements/image.less';
|
12
|
-
@import 'semantic-ui/elements/
|
8
|
+
@import 'semantic-ui/elements/input.less';
|
9
|
+
@import 'semantic-ui/elements/label.less';
|
10
|
+
@import 'semantic-ui/elements/loader.less';
|
11
|
+
@import 'semantic-ui/elements/progress.less';
|
13
12
|
@import 'semantic-ui/elements/reveal.less';
|
14
|
-
@import 'semantic-ui/elements/
|
13
|
+
@import 'semantic-ui/elements/segment.less';
|
14
|
+
@import 'semantic-ui/elements/step.less';
|
15
15
|
|
16
16
|
/* Collections */
|
17
|
-
@import 'semantic-ui/collections/table.less';
|
18
17
|
@import 'semantic-ui/collections/breadcrumb.less';
|
19
|
-
@import 'semantic-ui/collections/
|
18
|
+
@import 'semantic-ui/collections/form.less';
|
20
19
|
@import 'semantic-ui/collections/grid.less';
|
21
20
|
@import 'semantic-ui/collections/menu.less';
|
22
|
-
@import 'semantic-ui/collections/
|
21
|
+
@import 'semantic-ui/collections/message.less';
|
22
|
+
@import 'semantic-ui/collections/table.less';
|
23
23
|
|
24
24
|
/* Views */
|
25
|
-
@import 'semantic-ui/views/list.less';
|
26
25
|
@import 'semantic-ui/views/comment.less';
|
26
|
+
@import 'semantic-ui/views/feed.less';
|
27
27
|
@import 'semantic-ui/views/item.less';
|
28
|
+
@import 'semantic-ui/views/list.less';
|
28
29
|
@import 'semantic-ui/views/statistic.less';
|
29
|
-
@import 'semantic-ui/views/feed.less';
|
30
30
|
|
31
31
|
/* Modules */
|
32
|
-
@import 'semantic-ui/modules/popup.less';
|
33
|
-
@import 'semantic-ui/modules/dimmer.less';
|
34
|
-
@import 'semantic-ui/modules/rating.less';
|
35
32
|
@import 'semantic-ui/modules/accordion.less';
|
33
|
+
@import 'semantic-ui/modules/chatroom.less';
|
36
34
|
@import 'semantic-ui/modules/checkbox.less';
|
37
|
-
@import 'semantic-ui/modules/
|
38
|
-
@import 'semantic-ui/modules/
|
35
|
+
@import 'semantic-ui/modules/dimmer.less';
|
36
|
+
@import 'semantic-ui/modules/dropdown.less';
|
37
|
+
@import 'semantic-ui/modules/modal.less';
|
39
38
|
@import 'semantic-ui/modules/nag.less';
|
39
|
+
@import 'semantic-ui/modules/popup.less';
|
40
|
+
@import 'semantic-ui/modules/rating.less';
|
41
|
+
@import 'semantic-ui/modules/search.less';
|
40
42
|
@import 'semantic-ui/modules/shape.less';
|
41
|
-
@import 'semantic-ui/modules/modal.less';
|
42
43
|
@import 'semantic-ui/modules/sidebar.less';
|
43
44
|
@import 'semantic-ui/modules/tab.less';
|
44
|
-
@import 'semantic-ui/modules/
|
45
|
-
@import 'semantic-ui/modules/chatroom.less';
|
45
|
+
@import 'semantic-ui/modules/video.less';
|
46
46
|
@import 'semantic-ui/modules/transition.less';
|
47
47
|
|
@@ -1,19 +1,19 @@
|
|
1
|
-
//= require semantic-ui/modules/
|
2
|
-
//= require semantic-ui/modules/
|
3
|
-
//= require semantic-ui/modules/tab.js
|
4
|
-
//= require semantic-ui/modules/behavior/state.js
|
1
|
+
//= require semantic-ui/modules/accordion.js
|
2
|
+
//= require semantic-ui/modules/behavior/api.js
|
5
3
|
//= require semantic-ui/modules/behavior/colorize.js
|
6
4
|
//= require semantic-ui/modules/behavior/form.js
|
7
|
-
//= require semantic-ui/modules/behavior/
|
5
|
+
//= require semantic-ui/modules/behavior/state.js
|
6
|
+
//= require semantic-ui/modules/chatroom.js
|
7
|
+
//= require semantic-ui/modules/checkbox.js
|
8
|
+
//= require semantic-ui/modules/dimmer.js
|
9
|
+
//= require semantic-ui/modules/dropdown.js
|
10
|
+
//= require semantic-ui/modules/modal.js
|
8
11
|
//= require semantic-ui/modules/nag.js
|
9
|
-
//= require semantic-ui/modules/transition.js
|
10
12
|
//= require semantic-ui/modules/popup.js
|
11
|
-
//= require semantic-ui/modules/shape.js
|
12
13
|
//= require semantic-ui/modules/rating.js
|
13
|
-
//= require semantic-ui/modules/video.js
|
14
|
-
//= require semantic-ui/modules/modal.js
|
15
|
-
//= require semantic-ui/modules/accordion.js
|
16
|
-
//= require semantic-ui/modules/sidebar.js
|
17
14
|
//= require semantic-ui/modules/search.js
|
18
|
-
//= require semantic-ui/modules/
|
19
|
-
//= require semantic-ui/modules/
|
15
|
+
//= require semantic-ui/modules/shape.js
|
16
|
+
//= require semantic-ui/modules/sidebar.js
|
17
|
+
//= require semantic-ui/modules/tab.js
|
18
|
+
//= require semantic-ui/modules/transition.js
|
19
|
+
//= require semantic-ui/modules/video.js
|
metadata
CHANGED
@@ -1,111 +1,111 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: semantic-ui-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.18.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-
|
11
|
+
date: 2014-08-07 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: less-rails
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
16
16
|
requirements:
|
17
|
-
- -
|
17
|
+
- - ">="
|
18
18
|
- !ruby/object:Gem::Version
|
19
19
|
version: '0'
|
20
20
|
type: :runtime
|
21
21
|
prerelease: false
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
23
23
|
requirements:
|
24
|
-
- -
|
24
|
+
- - ">="
|
25
25
|
- !ruby/object:Gem::Version
|
26
26
|
version: '0'
|
27
27
|
- !ruby/object:Gem::Dependency
|
28
28
|
name: autoprefixer-rails
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
30
30
|
requirements:
|
31
|
-
- -
|
31
|
+
- - ">="
|
32
32
|
- !ruby/object:Gem::Version
|
33
33
|
version: '0'
|
34
34
|
type: :runtime
|
35
35
|
prerelease: false
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
37
37
|
requirements:
|
38
|
-
- -
|
38
|
+
- - ">="
|
39
39
|
- !ruby/object:Gem::Version
|
40
40
|
version: '0'
|
41
41
|
- !ruby/object:Gem::Dependency
|
42
42
|
name: bundler
|
43
43
|
requirement: !ruby/object:Gem::Requirement
|
44
44
|
requirements:
|
45
|
-
- - ~>
|
45
|
+
- - "~>"
|
46
46
|
- !ruby/object:Gem::Version
|
47
47
|
version: '1.3'
|
48
48
|
type: :development
|
49
49
|
prerelease: false
|
50
50
|
version_requirements: !ruby/object:Gem::Requirement
|
51
51
|
requirements:
|
52
|
-
- - ~>
|
52
|
+
- - "~>"
|
53
53
|
- !ruby/object:Gem::Version
|
54
54
|
version: '1.3'
|
55
55
|
- !ruby/object:Gem::Dependency
|
56
56
|
name: rake
|
57
57
|
requirement: !ruby/object:Gem::Requirement
|
58
58
|
requirements:
|
59
|
-
- -
|
59
|
+
- - ">="
|
60
60
|
- !ruby/object:Gem::Version
|
61
61
|
version: '0'
|
62
62
|
type: :development
|
63
63
|
prerelease: false
|
64
64
|
version_requirements: !ruby/object:Gem::Requirement
|
65
65
|
requirements:
|
66
|
-
- -
|
66
|
+
- - ">="
|
67
67
|
- !ruby/object:Gem::Version
|
68
68
|
version: '0'
|
69
69
|
- !ruby/object:Gem::Dependency
|
70
70
|
name: pry
|
71
71
|
requirement: !ruby/object:Gem::Requirement
|
72
72
|
requirements:
|
73
|
-
- -
|
73
|
+
- - ">="
|
74
74
|
- !ruby/object:Gem::Version
|
75
75
|
version: '0'
|
76
76
|
type: :development
|
77
77
|
prerelease: false
|
78
78
|
version_requirements: !ruby/object:Gem::Requirement
|
79
79
|
requirements:
|
80
|
-
- -
|
80
|
+
- - ">="
|
81
81
|
- !ruby/object:Gem::Version
|
82
82
|
version: '0'
|
83
83
|
- !ruby/object:Gem::Dependency
|
84
84
|
name: binding_of_caller
|
85
85
|
requirement: !ruby/object:Gem::Requirement
|
86
86
|
requirements:
|
87
|
-
- -
|
87
|
+
- - ">="
|
88
88
|
- !ruby/object:Gem::Version
|
89
89
|
version: '0'
|
90
90
|
type: :development
|
91
91
|
prerelease: false
|
92
92
|
version_requirements: !ruby/object:Gem::Requirement
|
93
93
|
requirements:
|
94
|
-
- -
|
94
|
+
- - ">="
|
95
95
|
- !ruby/object:Gem::Version
|
96
96
|
version: '0'
|
97
97
|
- !ruby/object:Gem::Dependency
|
98
98
|
name: git
|
99
99
|
requirement: !ruby/object:Gem::Requirement
|
100
100
|
requirements:
|
101
|
-
- -
|
101
|
+
- - ">="
|
102
102
|
- !ruby/object:Gem::Version
|
103
103
|
version: '0'
|
104
104
|
type: :development
|
105
105
|
prerelease: false
|
106
106
|
version_requirements: !ruby/object:Gem::Requirement
|
107
107
|
requirements:
|
108
|
-
- -
|
108
|
+
- - ">="
|
109
109
|
- !ruby/object:Gem::Version
|
110
110
|
version: '0'
|
111
111
|
description: UI is the vocabulary of the web
|
@@ -115,7 +115,7 @@ executables: []
|
|
115
115
|
extensions: []
|
116
116
|
extra_rdoc_files: []
|
117
117
|
files:
|
118
|
-
- .gitignore
|
118
|
+
- ".gitignore"
|
119
119
|
- Gemfile
|
120
120
|
- LICENSE.txt
|
121
121
|
- README.md
|
@@ -213,17 +213,17 @@ require_paths:
|
|
213
213
|
- lib
|
214
214
|
required_ruby_version: !ruby/object:Gem::Requirement
|
215
215
|
requirements:
|
216
|
-
- -
|
216
|
+
- - ">="
|
217
217
|
- !ruby/object:Gem::Version
|
218
218
|
version: '0'
|
219
219
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
220
220
|
requirements:
|
221
|
-
- -
|
221
|
+
- - ">="
|
222
222
|
- !ruby/object:Gem::Version
|
223
223
|
version: '0'
|
224
224
|
requirements: []
|
225
225
|
rubyforge_project:
|
226
|
-
rubygems_version: 2.
|
226
|
+
rubygems_version: 2.2.2
|
227
227
|
signing_key:
|
228
228
|
specification_version: 4
|
229
229
|
summary: Semantic empowers designers and developers by creating a language for sharing
|