fomantic-ui-sass 2.7.4 → 2.7.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +8 -0
- data/app/assets/javascripts/semantic-ui/accordion.js +2 -2
- data/app/assets/javascripts/semantic-ui/api.js +7 -3
- data/app/assets/javascripts/semantic-ui/calendar.js +45 -17
- data/app/assets/javascripts/semantic-ui/checkbox.js +2 -2
- data/app/assets/javascripts/semantic-ui/dimmer.js +2 -2
- data/app/assets/javascripts/semantic-ui/dropdown.js +13 -3
- data/app/assets/javascripts/semantic-ui/embed.js +2 -2
- data/app/assets/javascripts/semantic-ui/form.js +364 -152
- data/app/assets/javascripts/semantic-ui/modal.js +13 -7
- data/app/assets/javascripts/semantic-ui/nag.js +2 -2
- data/app/assets/javascripts/semantic-ui/popup.js +8 -4
- data/app/assets/javascripts/semantic-ui/progress.js +31 -26
- data/app/assets/javascripts/semantic-ui/rating.js +2 -2
- data/app/assets/javascripts/semantic-ui/search.js +3 -3
- data/app/assets/javascripts/semantic-ui/shape.js +2 -2
- data/app/assets/javascripts/semantic-ui/sidebar.js +2 -2
- data/app/assets/javascripts/semantic-ui/site.js +2 -2
- data/app/assets/javascripts/semantic-ui/slider.js +2 -2
- data/app/assets/javascripts/semantic-ui/state.js +2 -2
- data/app/assets/javascripts/semantic-ui/sticky.js +2 -2
- data/app/assets/javascripts/semantic-ui/tab.js +2 -2
- data/app/assets/javascripts/semantic-ui/toast.js +2 -2
- data/app/assets/javascripts/semantic-ui/transition.js +5 -2
- data/app/assets/javascripts/semantic-ui/visibility.js +2 -2
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +20 -3
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +36 -5
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +24 -18
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +24 -14
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +196 -101
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +13 -3
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +11 -5
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +38 -3
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +995 -2
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +11808 -774
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +15 -2
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +29 -2
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +10 -2
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +21 -2
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +21 -4
- data/app/assets/stylesheets/semantic-ui/elements/_text.scss +7 -1
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +349 -2
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +30 -2
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +36 -2
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +9 -3
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +147 -71
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +22 -18
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +9 -3
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +11 -10
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +9 -3
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +6 -0
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1201 -2
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +9 -3
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +24 -5
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +8 -2
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +11 -5
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +9 -3
- data/lib/fomantic/ui/sass/version.rb +2 -2
- metadata +2 -2
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
|
-
* #
|
3
|
-
* http://github.com/
|
2
|
+
* # Fomantic-UI - Modal
|
3
|
+
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
@@ -472,7 +472,7 @@ $.fn.modal = function(parameters) {
|
|
472
472
|
duration : settings.duration,
|
473
473
|
useFailSafe : true,
|
474
474
|
onStart : function() {
|
475
|
-
if(!module.others.active() && !keepDimmed) {
|
475
|
+
if(!module.others.active() && !module.others.animating() && !keepDimmed) {
|
476
476
|
module.hideDimmer();
|
477
477
|
}
|
478
478
|
if( settings.keyboardShortcuts && !module.others.active() ) {
|
@@ -604,8 +604,10 @@ $.fn.modal = function(parameters) {
|
|
604
604
|
bodyMargin: function() {
|
605
605
|
initialBodyMargin = $body.css('margin-right');
|
606
606
|
var bodyMarginRightPixel = parseInt(initialBodyMargin.replace(/[^\d.]/g, '')),
|
607
|
-
bodyScrollbarWidth = window.innerWidth - document.documentElement.clientWidth
|
608
|
-
|
607
|
+
bodyScrollbarWidth = window.innerWidth - document.documentElement.clientWidth,
|
608
|
+
diffPos = bodyMarginRightPixel + bodyScrollbarWidth;
|
609
|
+
$body.css('margin-right', diffPos + 'px');
|
610
|
+
$body.find(selector.bodyFixed).css('padding-right', diffPos + 'px');
|
609
611
|
}
|
610
612
|
},
|
611
613
|
|
@@ -617,6 +619,7 @@ $.fn.modal = function(parameters) {
|
|
617
619
|
},
|
618
620
|
bodyMargin: function() {
|
619
621
|
$body.css('margin-right', initialBodyMargin);
|
622
|
+
$body.find(selector.bodyFixed).css('padding-right', initialBodyMargin);
|
620
623
|
}
|
621
624
|
},
|
622
625
|
|
@@ -739,7 +742,9 @@ $.fn.modal = function(parameters) {
|
|
739
742
|
set: {
|
740
743
|
autofocus: function() {
|
741
744
|
var
|
742
|
-
$inputs = $module.find('[tabindex], :input').filter(':visible')
|
745
|
+
$inputs = $module.find('[tabindex], :input').filter(':visible').filter(function() {
|
746
|
+
return $(this).closest('.disabled').length === 0;
|
747
|
+
}),
|
743
748
|
$autofocus = $inputs.filter('[autofocus]'),
|
744
749
|
$input = ($autofocus.length > 0)
|
745
750
|
? $autofocus.first()
|
@@ -1105,7 +1110,8 @@ $.fn.modal.settings = {
|
|
1105
1110
|
approve : '.actions .positive, .actions .approve, .actions .ok',
|
1106
1111
|
deny : '.actions .negative, .actions .deny, .actions .cancel',
|
1107
1112
|
modal : '.ui.modal',
|
1108
|
-
dimmer : '> .ui.dimmer'
|
1113
|
+
dimmer : '> .ui.dimmer',
|
1114
|
+
bodyFixed: '> .ui.fixed.menu, > .ui.right.toast-container, > .ui.right.sidebar'
|
1109
1115
|
},
|
1110
1116
|
error : {
|
1111
1117
|
dimmer : 'UI Dimmer, a required component is not included in this page',
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
|
-
* #
|
3
|
-
* http://github.com/
|
2
|
+
* # Fomantic-UI - Popup
|
3
|
+
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
@@ -32,6 +32,10 @@ $.fn.popup = function(parameters) {
|
|
32
32
|
|
33
33
|
moduleSelector = $allModules.selector || '',
|
34
34
|
|
35
|
+
clickEvent = ('ontouchstart' in document.documentElement)
|
36
|
+
? 'touchstart'
|
37
|
+
: 'click',
|
38
|
+
|
35
39
|
time = new Date().getTime(),
|
36
40
|
performance = [],
|
37
41
|
|
@@ -981,7 +985,7 @@ $.fn.popup = function(parameters) {
|
|
981
985
|
module.debug('Binding popup events to module');
|
982
986
|
if(settings.on == 'click') {
|
983
987
|
$module
|
984
|
-
.on(
|
988
|
+
.on(clickEvent + eventNamespace, module.toggle)
|
985
989
|
;
|
986
990
|
}
|
987
991
|
if(settings.on == 'hover') {
|
@@ -1038,7 +1042,7 @@ $.fn.popup = function(parameters) {
|
|
1038
1042
|
clickaway: function() {
|
1039
1043
|
module.verbose('Binding popup close event to document');
|
1040
1044
|
$document
|
1041
|
-
.on(
|
1045
|
+
.on(clickEvent + elementNamespace, function(event) {
|
1042
1046
|
module.verbose('Clicked away from popup');
|
1043
1047
|
module.event.hideGracefully.call(element, event);
|
1044
1048
|
})
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
|
-
* #
|
3
|
-
* http://github.com/
|
2
|
+
* # Fomantic-UI - Progress
|
3
|
+
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
@@ -70,9 +70,9 @@ $.fn.progress = function(parameters) {
|
|
70
70
|
module = {
|
71
71
|
helper: {
|
72
72
|
sum: function (nums) {
|
73
|
-
return nums.reduce(function (left, right) {
|
73
|
+
return Array.isArray(nums) ? nums.reduce(function (left, right) {
|
74
74
|
return left + right;
|
75
|
-
}, 0);
|
75
|
+
}, 0) : 0;
|
76
76
|
},
|
77
77
|
forceArray: function (element) {
|
78
78
|
return Array.isArray(element)
|
@@ -234,12 +234,12 @@ $.fn.progress = function(parameters) {
|
|
234
234
|
get: {
|
235
235
|
text: function(templateText, index) {
|
236
236
|
var
|
237
|
-
index_ = index
|
238
|
-
value = module.value
|
239
|
-
total = module.total
|
237
|
+
index_ = index || 0,
|
238
|
+
value = module.get.value(index_),
|
239
|
+
total = module.total || 0,
|
240
240
|
percent = (animating)
|
241
241
|
? module.get.displayPercent(index_)
|
242
|
-
: module.percent
|
242
|
+
: module.get.percent(index_),
|
243
243
|
left = (module.total > 0)
|
244
244
|
? (total - value)
|
245
245
|
: (100 - percent)
|
@@ -314,29 +314,27 @@ $.fn.progress = function(parameters) {
|
|
314
314
|
},
|
315
315
|
|
316
316
|
// gets current displayed percentage (if animating values this is the intermediary value)
|
317
|
-
displayPercent: function() {
|
318
|
-
|
319
|
-
|
320
|
-
|
321
|
-
|
322
|
-
|
323
|
-
|
324
|
-
|
325
|
-
|
326
|
-
|
317
|
+
displayPercent: function(index) {
|
318
|
+
var
|
319
|
+
$bar = $($bars[index]),
|
320
|
+
barWidth = $bar.width(),
|
321
|
+
totalWidth = $module.width(),
|
322
|
+
minDisplay = parseInt($bar.css('min-width'), 10),
|
323
|
+
displayPercent = (barWidth > minDisplay)
|
324
|
+
? (barWidth / totalWidth * 100)
|
325
|
+
: module.percent
|
326
|
+
;
|
327
|
+
return (settings.precision > 0)
|
328
|
+
? Math.round(displayPercent * (10 * settings.precision)) / (10 * settings.precision)
|
329
|
+
: Math.round(displayPercent)
|
327
330
|
;
|
328
|
-
return (settings.precision > 0)
|
329
|
-
? Math.round(displayPercent * (10 * settings.precision)) / (10 * settings.precision)
|
330
|
-
: Math.round(displayPercent)
|
331
|
-
;
|
332
|
-
}).toArray();
|
333
331
|
},
|
334
332
|
|
335
333
|
percent: function(index) {
|
336
|
-
return module.percent[index || 0] || 0;
|
334
|
+
return module.percent && module.percent[index || 0] || 0;
|
337
335
|
},
|
338
336
|
value: function(index) {
|
339
|
-
return module.nextValue || module.value[index || 0] || 0;
|
337
|
+
return module.nextValue || module.value && module.value[index || 0] || 0;
|
340
338
|
},
|
341
339
|
total: function() {
|
342
340
|
return module.total || false;
|
@@ -423,11 +421,18 @@ $.fn.progress = function(parameters) {
|
|
423
421
|
else {
|
424
422
|
var firstNonZeroIndex = -1;
|
425
423
|
var lastNonZeroIndex = -1;
|
424
|
+
var valuesSum = module.helper.sum(values);
|
425
|
+
var barCounts = $bars.length;
|
426
|
+
var isMultiple = barCounts > 1;
|
426
427
|
var percents = values.map(function(value, index) {
|
428
|
+
var allZero = (index === barCounts - 1 && valuesSum === 0);
|
427
429
|
var $bar = $($bars[index]);
|
428
|
-
if (value === 0) {
|
430
|
+
if (value === 0 && isMultiple && !allZero) {
|
429
431
|
$bar.css('display', 'none');
|
430
432
|
} else {
|
433
|
+
if (isMultiple && allZero) {
|
434
|
+
$bar.css('background', 'transparent');
|
435
|
+
}
|
431
436
|
if (firstNonZeroIndex == -1) {
|
432
437
|
firstNonZeroIndex = index;
|
433
438
|
}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
|
-
* #
|
3
|
-
* http://github.com/
|
2
|
+
* # Fomantic-UI - Search
|
3
|
+
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
@@ -555,7 +555,7 @@ $.fn.search = function(parameters) {
|
|
555
555
|
search: {
|
556
556
|
local: function(searchTerm) {
|
557
557
|
var
|
558
|
-
results = module.search.object(searchTerm, settings.
|
558
|
+
results = module.search.object(searchTerm, settings.source),
|
559
559
|
searchHTML
|
560
560
|
;
|
561
561
|
module.set.loading();
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
|
-
* #
|
3
|
-
* http://github.com/
|
2
|
+
* # Fomantic-UI - Transition
|
3
|
+
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
@@ -215,6 +215,9 @@ $.fn.transition = function() {
|
|
215
215
|
},
|
216
216
|
|
217
217
|
complete: function (event) {
|
218
|
+
if(event.target === element) {
|
219
|
+
event.stopPropagation();
|
220
|
+
}
|
218
221
|
module.debug('Animation complete', settings.animation);
|
219
222
|
module.remove.completeCallback();
|
220
223
|
module.remove.failSafe();
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
|
-
* #
|
3
|
-
* http://github.com/
|
2
|
+
* # Fomantic-UI - Breadcrumb
|
3
|
+
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
@@ -14,7 +14,7 @@
|
|
14
14
|
*******************************/
|
15
15
|
|
16
16
|
.ui.breadcrumb {
|
17
|
-
line-height: 1;
|
17
|
+
line-height: 1.4285em;
|
18
18
|
display: inline-block;
|
19
19
|
margin: 0 0;
|
20
20
|
vertical-align: middle;
|
@@ -72,6 +72,17 @@
|
|
72
72
|
padding: 0.78571429em 1em;
|
73
73
|
}
|
74
74
|
|
75
|
+
/* Inverted */
|
76
|
+
.ui.inverted.breadcrumb {
|
77
|
+
color: #DCDDDE;
|
78
|
+
}
|
79
|
+
.ui.inverted.breadcrumb > .active.section {
|
80
|
+
color: #FFFFFF;
|
81
|
+
}
|
82
|
+
.ui.inverted.breadcrumb > .divider {
|
83
|
+
color: rgba(255, 255, 255, 0.7);
|
84
|
+
}
|
85
|
+
|
75
86
|
|
76
87
|
/*******************************
|
77
88
|
States
|
@@ -118,6 +129,12 @@
|
|
118
129
|
|
119
130
|
|
120
131
|
|
132
|
+
/*******************************
|
133
|
+
Theme Overrides
|
134
|
+
*******************************/
|
135
|
+
|
136
|
+
|
137
|
+
|
121
138
|
/*******************************
|
122
139
|
Site Overrides
|
123
140
|
*******************************/
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
|
-
* #
|
3
|
-
* http://github.com/
|
2
|
+
* # Fomantic-UI - Form
|
3
|
+
* http://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
6
6
|
* Released under the MIT license
|
@@ -147,6 +147,29 @@
|
|
147
147
|
vertical-align: top;
|
148
148
|
}
|
149
149
|
|
150
|
+
/*--------------------
|
151
|
+
Checkbox margin
|
152
|
+
---------------------*/
|
153
|
+
|
154
|
+
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.checkbox {
|
155
|
+
margin-top: 2.41428571em;
|
156
|
+
}
|
157
|
+
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.toggle.checkbox {
|
158
|
+
margin-top: 2.21428571em;
|
159
|
+
}
|
160
|
+
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.slider.checkbox {
|
161
|
+
margin-top: 2.61428571em;
|
162
|
+
}
|
163
|
+
.ui.ui.form .field .fields .field:not(:only-child) .ui.checkbox {
|
164
|
+
margin-top: 0.6em;
|
165
|
+
}
|
166
|
+
.ui.ui.form .field .fields .field:not(:only-child) .ui.toggle.checkbox {
|
167
|
+
margin-top: 0.5em;
|
168
|
+
}
|
169
|
+
.ui.ui.form .field .fields .field:not(:only-child) .ui.slider.checkbox {
|
170
|
+
margin-top: 0.7em;
|
171
|
+
}
|
172
|
+
|
150
173
|
/*--------------------
|
151
174
|
Transparent
|
152
175
|
---------------------*/
|
@@ -528,7 +551,6 @@
|
|
528
551
|
background: #FFF6F6;
|
529
552
|
border-color: #E0B4B4;
|
530
553
|
color: #9F3A38;
|
531
|
-
-webkit-appearance: none;
|
532
554
|
-webkit-box-shadow: none;
|
533
555
|
box-shadow: none;
|
534
556
|
}
|
@@ -647,6 +669,9 @@
|
|
647
669
|
height: 100%;
|
648
670
|
z-index: 100;
|
649
671
|
}
|
672
|
+
.ui.loading.form.segments:before {
|
673
|
+
border-radius: 0.28571429rem;
|
674
|
+
}
|
650
675
|
.ui.loading.form:after {
|
651
676
|
position: absolute;
|
652
677
|
content: '';
|
@@ -844,7 +869,7 @@
|
|
844
869
|
}
|
845
870
|
|
846
871
|
/* Swap to full width on mobile */
|
847
|
-
@media only screen and (max-width: 767.
|
872
|
+
@media only screen and (max-width: 767.98px) {
|
848
873
|
.ui.form .fields {
|
849
874
|
-ms-flex-wrap: wrap;
|
850
875
|
flex-wrap: wrap;
|
@@ -930,7 +955,7 @@
|
|
930
955
|
}
|
931
956
|
|
932
957
|
/* Swap to full width on mobile */
|
933
|
-
@media only screen and (max-width: 767.
|
958
|
+
@media only screen and (max-width: 767.98px) {
|
934
959
|
.ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
|
935
960
|
.ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
|
936
961
|
.ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
|
@@ -1135,6 +1160,12 @@
|
|
1135
1160
|
|
1136
1161
|
|
1137
1162
|
|
1163
|
+
/*******************************
|
1164
|
+
Theme Overrides
|
1165
|
+
*******************************/
|
1166
|
+
|
1167
|
+
|
1168
|
+
|
1138
1169
|
/*******************************
|
1139
1170
|
Site Overrides
|
1140
1171
|
*******************************/
|