fomantic-ui-sass 2.8.3 → 2.8.4

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
  SHA256:
3
- metadata.gz: c558f632d6134a019cb8e5dc3caf94aca3493efe9f3d295e4c2432f5049cdcf2
4
- data.tar.gz: ee1070f9f7f141ee7416f414d4520491413bcced0d4d783fd970391a574791c8
3
+ metadata.gz: 8991d2990340e356c13c8c187c9f63ba5983155a397954d56a3e14de94e3db5c
4
+ data.tar.gz: 1655b65812b4f02d15bfb0482c61de5419a8e313658ef20107f49010e2cf383b
5
5
  SHA512:
6
- metadata.gz: 8db43276d4235cfda0c2db5fc371d112fa207695a66fb89d4a2f13d49139d5d2c41e9ef67d46f7f76e070ccf02214a47d0df9446e751ac8dc92672e322a2bae1
7
- data.tar.gz: 670c4d4170f6ec74fe6fdb2a09bdc9d79fc4165596359e0c7db84dfd69c5453a03b48e49b5e3fb37cfce3b086c6cba443e33733d55547ffe6e974338e59f19f6
6
+ metadata.gz: 89a44d643f4124c81ef138d3af6040bd76b22a9704213338e625d9980f6edbbcd1491313e31dd890138dadbd3f0072180d084a2adf6935ab1755120da337c566
7
+ data.tar.gz: 749e295ba17ab1ec97e3c2387ef6c1353b733e15f4450a3a5fa7559a0e3ae863bb83a6bc10ad94f648f7f16adac0229656eeca7394f58594a69c5624c50af5c8
@@ -1,3 +1,15 @@
1
+ ## 2.8.4
2
+
3
+ Update Fomantic UI to [2.8.4](https://github.com/fomantic/Fomantic-UI/releases/tag/2.8.4)
4
+
5
+ ## 2.8.3
6
+
7
+ Update Fomantic UI to [2.8.3](https://github.com/fomantic/Fomantic-UI/releases/tag/2.8.3)
8
+
9
+ ## 2.8.2
10
+
11
+ Update Fomantic UI to [2.8.2](https://github.com/fomantic/Fomantic-UI/releases/tag/2.8.2)
12
+
1
13
  ## 2.8.1.1
2
14
 
3
15
  Replace the deprecated `sass` gem with its drop-in replacement `sassc` [#3](https://github.com/fomantic/Fomantic-UI-SASS/pull/3) (thanks @n-b!)
@@ -845,15 +845,38 @@ $.fn.calendar = function(parameters) {
845
845
 
846
846
  helper: {
847
847
  isDisabled: function(date, mode) {
848
- return mode === 'day' && ((settings.disabledDaysOfWeek.indexOf(date.getDay()) !== -1) || settings.disabledDates.some(function(d){
848
+ return (mode === 'day' || mode === 'month' || mode === 'year') && ((settings.disabledDaysOfWeek.indexOf(date.getDay()) !== -1) || settings.disabledDates.some(function(d){
849
849
  if(typeof d === 'string') {
850
850
  d = module.helper.sanitiseDate(d);
851
851
  }
852
852
  if (d instanceof Date) {
853
853
  return module.helper.dateEqual(date, d, mode);
854
854
  }
855
- if (d !== null && typeof d === 'object' && d[metadata.date]) {
856
- return module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date]), mode);
855
+ if (d !== null && typeof d === 'object') {
856
+ if (d[metadata.year]) {
857
+ if (typeof d[metadata.year] === 'number') {
858
+ return date.getFullYear() == d[metadata.year];
859
+ } else if (Array.isArray(d[metadata.year])) {
860
+ return d[metadata.year].indexOf(date.getFullYear()) > -1;
861
+ }
862
+ } else if (d[metadata.month]) {
863
+ if (typeof d[metadata.month] === 'number') {
864
+ return date.getMonth() == d[metadata.month];
865
+ } else if (Array.isArray(d[metadata.month])) {
866
+ return d[metadata.month].indexOf(date.getMonth()) > -1;
867
+ } else if (d[metadata.month] instanceof Date) {
868
+ var sdate = module.helper.sanitiseDate(d[metadata.month]);
869
+ return (date.getMonth() == sdate.getMonth()) && (date.getFullYear() == sdate.getFullYear())
870
+ }
871
+ } else if (d[metadata.date] && mode === 'day') {
872
+ if (d[metadata.date] instanceof Date) {
873
+ return module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date]), mode);
874
+ } else if (Array.isArray(d[metadata.date])) {
875
+ return d[metadata.date].some(function(idate) {
876
+ return module.helper.dateEqual(date, idate, mode);
877
+ });
878
+ }
879
+ }
857
880
  }
858
881
  }));
859
882
  },
@@ -875,10 +898,9 @@ $.fn.calendar = function(parameters) {
875
898
  }
876
899
  },
877
900
  findDayAsObject: function(date, mode, dates) {
878
- if (mode === 'day') {
879
- var i = 0, il = dates.length;
901
+ if (mode === 'day' || mode === 'month' || mode === 'year') {
880
902
  var d;
881
- for (; i < il; i++) {
903
+ for (var i = 0; i < dates.length; i++) {
882
904
  d = dates[i];
883
905
  if(typeof d === 'string') {
884
906
  d = module.helper.sanitiseDate(d);
@@ -888,8 +910,37 @@ $.fn.calendar = function(parameters) {
888
910
  dateObject[metadata.date] = d;
889
911
  return dateObject;
890
912
  }
891
- else if (d !== null && typeof d === 'object' && d[metadata.date] && module.helper.dateEqual(date,module.helper.sanitiseDate(d[metadata.date]), mode) ) {
892
- return d;
913
+ else if (d !== null && typeof d === 'object') {
914
+ if (d[metadata.year]) {
915
+ if (typeof d[metadata.year] === 'number' && date.getFullYear() == d[metadata.year]) {
916
+ return d;
917
+ } else if (Array.isArray(d[metadata.year])) {
918
+ if (d[metadata.year].indexOf(date.getFullYear()) > -1) {
919
+ return d;
920
+ }
921
+ }
922
+ } else if (d[metadata.month]) {
923
+ if (typeof d[metadata.month] === 'number' && date.getMonth() == d[metadata.month]) {
924
+ return d;
925
+ } else if (Array.isArray(d[metadata.month])) {
926
+ if (d[metadata.month].indexOf(date.getMonth()) > -1) {
927
+ return d;
928
+ }
929
+ } else if (d[metadata.month] instanceof Date) {
930
+ var sdate = module.helper.sanitiseDate(d[metadata.month]);
931
+ if ((date.getMonth() == sdate.getMonth()) && (date.getFullYear() == sdate.getFullYear())) {
932
+ return d;
933
+ }
934
+ }
935
+ } else if (d[metadata.date] && mode === 'day') {
936
+ if (d[metadata.date] instanceof Date && module.helper.dateEqual(date, module.helper.sanitiseDate(d[metadata.date]), mode)) {
937
+ return d;
938
+ } else if (Array.isArray(d[metadata.date])) {
939
+ if(d[metadata.date].some(function(idate) { return module.helper.dateEqual(date, idate, mode); })) {
940
+ return d;
941
+ }
942
+ }
943
+ }
893
944
  }
894
945
  }
895
946
  }
@@ -1576,7 +1627,9 @@ $.fn.calendar.settings = {
1576
1627
  type: 'type',
1577
1628
  monthOffset: 'monthOffset',
1578
1629
  message: 'message',
1579
- class: 'class'
1630
+ class: 'class',
1631
+ month: 'month',
1632
+ year: 'year'
1580
1633
  },
1581
1634
 
1582
1635
  eventClass: 'blue'
@@ -2075,7 +2075,7 @@ $.fn.dropdown = function(parameters) {
2075
2075
  return;
2076
2076
  }
2077
2077
  if(isMultiple) {
2078
- if($.inArray(module.escape.htmlEntities(String(optionValue)), value) !== -1) {
2078
+ if($.inArray(module.escape.htmlEntities(String(optionValue)), value.map(function(v){return String(v);})) !== -1) {
2079
2079
  $selectedItem = ($selectedItem)
2080
2080
  ? $selectedItem.add($choice)
2081
2081
  : $choice
@@ -95,6 +95,9 @@ $.fn.form = function(parameters) {
95
95
  module.verbose('Initializing form validation', $module, settings);
96
96
  module.bindEvents();
97
97
  module.set.defaults();
98
+ if (settings.autoCheckRequired) {
99
+ module.set.autoCheck();
100
+ }
98
101
  module.instantiate();
99
102
  }
100
103
  },
@@ -542,7 +545,7 @@ $.fn.form = function(parameters) {
542
545
  name
543
546
  ;
544
547
  if(requiresValue) {
545
- prompt = prompt.replace('{value}', $field.val());
548
+ prompt = prompt.replace(/\{value\}/g, $field.val());
546
549
  }
547
550
  if(requiresName) {
548
551
  $label = $field.closest(selector.group).find('label').eq(0);
@@ -550,10 +553,10 @@ $.fn.form = function(parameters) {
550
553
  ? $label.text()
551
554
  : $field.prop('placeholder') || settings.text.unspecifiedField
552
555
  ;
553
- prompt = prompt.replace('{name}', name);
556
+ prompt = prompt.replace(/\{name\}/g, name);
554
557
  }
555
- prompt = prompt.replace('{identifier}', field.identifier);
556
- prompt = prompt.replace('{ruleValue}', ancillary);
558
+ prompt = prompt.replace(/\{identifier\}/g, field.identifier);
559
+ prompt = prompt.replace(/\{ruleValue\}/g, ancillary);
557
560
  if(!rule.prompt) {
558
561
  module.verbose('Using default validation prompt for type', prompt, ruleName);
559
562
  }
@@ -703,7 +706,7 @@ $.fn.form = function(parameters) {
703
706
  }
704
707
  else {
705
708
  if(isRadio) {
706
- if(values[name] === undefined || values[name] == false) {
709
+ if(values[name] === undefined || values[name] === false) {
707
710
  values[name] = (isChecked)
708
711
  ? value || true
709
712
  : false
@@ -1116,6 +1119,32 @@ $.fn.form = function(parameters) {
1116
1119
  asDirty: function() {
1117
1120
  module.set.defaults();
1118
1121
  module.set.dirty();
1122
+ },
1123
+ autoCheck: function() {
1124
+ module.debug('Enabling auto check on required fields');
1125
+ $field.each(function (_index, el) {
1126
+ var
1127
+ $el = $(el),
1128
+ $elGroup = $(el).closest($group),
1129
+ isCheckbox = ($el.filter(selector.checkbox).length > 0),
1130
+ isRequired = $el.prop('required') || $elGroup.hasClass(className.required) || $elGroup.parent().hasClass(className.required),
1131
+ isDisabled = $el.prop('disabled') || $elGroup.hasClass(className.disabled) || $elGroup.parent().hasClass(className.disabled),
1132
+ validation = module.get.validation($el),
1133
+ hasEmptyRule = validation
1134
+ ? $.grep(validation.rules, function(rule) { return rule.type == "empty" }) !== 0
1135
+ : false,
1136
+ identifier = validation.identifier || $el.attr('id') || $el.attr('name') || $el.data(metadata.validate)
1137
+ ;
1138
+ if (isRequired && !isDisabled && !hasEmptyRule && identifier !== undefined) {
1139
+ if (isCheckbox) {
1140
+ module.verbose("Adding 'checked' rule on field", identifier);
1141
+ module.add.rule(identifier, "checked");
1142
+ } else {
1143
+ module.verbose("Adding 'empty' rule on field", identifier);
1144
+ module.add.rule(identifier, "empty");
1145
+ }
1146
+ }
1147
+ });
1119
1148
  }
1120
1149
  },
1121
1150
 
@@ -1455,6 +1484,7 @@ $.fn.form.settings = {
1455
1484
  transition : 'scale',
1456
1485
  duration : 200,
1457
1486
 
1487
+ autoCheckRequired : false,
1458
1488
  preventLeaving : false,
1459
1489
  dateHandling : 'date', // 'date', 'input', 'formatter'
1460
1490
 
@@ -1535,10 +1565,12 @@ $.fn.form.settings = {
1535
1565
  },
1536
1566
 
1537
1567
  className : {
1538
- error : 'error',
1539
- label : 'ui basic red pointing prompt label',
1540
- pressed : 'down',
1541
- success : 'success'
1568
+ error : 'error',
1569
+ label : 'ui basic red pointing prompt label',
1570
+ pressed : 'down',
1571
+ success : 'success',
1572
+ required : 'required',
1573
+ disabled : 'disabled'
1542
1574
  },
1543
1575
 
1544
1576
  error: {
@@ -708,7 +708,15 @@ $.fn.modal = function(parameters) {
708
708
  return module.cache.leftBodyScrollbar;
709
709
  },
710
710
  useFlex: function() {
711
- return settings.useFlex && settings.detachable && !module.is.ie();
711
+ if (settings.useFlex === 'auto') {
712
+ return settings.detachable && !module.is.ie();
713
+ }
714
+ if(settings.useFlex && module.is.ie()) {
715
+ module.debug('useFlex true is not supported in IE');
716
+ } else if(settings.useFlex && !settings.detachable) {
717
+ module.debug('useFlex true in combination with detachable false is not supported');
718
+ }
719
+ return settings.useFlex;
712
720
  },
713
721
  fit: function() {
714
722
  var
@@ -389,13 +389,15 @@ $.fn.toast = function(parameters) {
389
389
  onBeforeHide: function(callback){
390
390
  callback = $.isFunction(callback)?callback : function(){};
391
391
  if(settings.transition.closeEasing !== ''){
392
- $toastBox.css('opacity',0);
393
- $toastBox.wrap('<div/>').parent().slideUp(500,settings.transition.closeEasing,function(){
394
- if($toastBox){
395
- $toastBox.parent().remove();
396
- callback.call($toastBox);
397
- }
398
- });
392
+ if($toastBox) {
393
+ $toastBox.css('opacity', 0);
394
+ $toastBox.wrap('<div/>').parent().slideUp(500, settings.transition.closeEasing, function () {
395
+ if ($toastBox) {
396
+ $toastBox.parent().remove();
397
+ callback.call($toastBox);
398
+ }
399
+ });
400
+ }
399
401
  } else {
400
402
  callback.call($toastBox);
401
403
  }
@@ -561,15 +561,15 @@
561
561
  .ui.form .field.error .transparent.input textarea,
562
562
  .ui.form .field.error input.transparent,
563
563
  .ui.form .field.error textarea.transparent {
564
- background-color: #FFF6F6;
565
- color: #9F3A38;
564
+ background-color: #FFF6F6 !important;
565
+ color: #9F3A38 !important;
566
566
  }
567
567
 
568
568
  /* Autofilled */
569
569
  .ui.form .error.error input:-webkit-autofill {
570
570
  -webkit-box-shadow: 0 0 0 100px #FFFAF0 inset !important;
571
571
  box-shadow: 0 0 0 100px #FFFAF0 inset !important;
572
- border-color: #E0B4B4;
572
+ border-color: #E0B4B4 !important;
573
573
  }
574
574
 
575
575
  /* Placeholder */
@@ -577,7 +577,7 @@
577
577
  color: #e7bdbc;
578
578
  }
579
579
  .ui.form .error :-ms-input-placeholder {
580
- color: #e7bdbc;
580
+ color: #e7bdbc !important;
581
581
  }
582
582
  .ui.form .error ::-moz-placeholder {
583
583
  color: #e7bdbc;
@@ -586,7 +586,7 @@
586
586
  color: #da9796;
587
587
  }
588
588
  .ui.form .error :focus:-ms-input-placeholder {
589
- color: #da9796;
589
+ color: #da9796 !important;
590
590
  }
591
591
  .ui.form .error :focus::-moz-placeholder {
592
592
  color: #da9796;
@@ -637,7 +637,7 @@
637
637
  /* Active */
638
638
  .ui.form .fields.error .field .ui.dropdown .menu .active.item,
639
639
  .ui.form .field.error .ui.dropdown .menu .active.item {
640
- background-color: #FDCFCF;
640
+ background-color: #FDCFCF !important;
641
641
  }
642
642
 
643
643
  /*--------------------
@@ -774,15 +774,15 @@
774
774
  .ui.form .field.info .transparent.input textarea,
775
775
  .ui.form .field.info input.transparent,
776
776
  .ui.form .field.info textarea.transparent {
777
- background-color: #F8FFFF;
778
- color: #276F86;
777
+ background-color: #F8FFFF !important;
778
+ color: #276F86 !important;
779
779
  }
780
780
 
781
781
  /* Autofilled */
782
782
  .ui.form .info.info input:-webkit-autofill {
783
783
  -webkit-box-shadow: 0 0 0 100px #F0FAFF inset !important;
784
784
  box-shadow: 0 0 0 100px #F0FAFF inset !important;
785
- border-color: #b3e0e0;
785
+ border-color: #b3e0e0 !important;
786
786
  }
787
787
 
788
788
  /* Placeholder */
@@ -790,7 +790,7 @@
790
790
  color: #98cfe1;
791
791
  }
792
792
  .ui.form .info :-ms-input-placeholder {
793
- color: #98cfe1;
793
+ color: #98cfe1 !important;
794
794
  }
795
795
  .ui.form .info ::-moz-placeholder {
796
796
  color: #98cfe1;
@@ -799,7 +799,7 @@
799
799
  color: #70bdd6;
800
800
  }
801
801
  .ui.form .info :focus:-ms-input-placeholder {
802
- color: #70bdd6;
802
+ color: #70bdd6 !important;
803
803
  }
804
804
  .ui.form .info :focus::-moz-placeholder {
805
805
  color: #70bdd6;
@@ -850,7 +850,7 @@
850
850
  /* Active */
851
851
  .ui.form .fields.info .field .ui.dropdown .menu .active.item,
852
852
  .ui.form .field.info .ui.dropdown .menu .active.item {
853
- background-color: #cef1fd;
853
+ background-color: #cef1fd !important;
854
854
  }
855
855
 
856
856
  /*--------------------
@@ -987,15 +987,15 @@
987
987
  .ui.form .field.success .transparent.input textarea,
988
988
  .ui.form .field.success input.transparent,
989
989
  .ui.form .field.success textarea.transparent {
990
- background-color: #FCFFF5;
991
- color: #2C662D;
990
+ background-color: #FCFFF5 !important;
991
+ color: #2C662D !important;
992
992
  }
993
993
 
994
994
  /* Autofilled */
995
995
  .ui.form .success.success input:-webkit-autofill {
996
996
  -webkit-box-shadow: 0 0 0 100px #F0FFF0 inset !important;
997
997
  box-shadow: 0 0 0 100px #F0FFF0 inset !important;
998
- border-color: #bee0b3;
998
+ border-color: #bee0b3 !important;
999
999
  }
1000
1000
 
1001
1001
  /* Placeholder */
@@ -1003,7 +1003,7 @@
1003
1003
  color: #8fcf90;
1004
1004
  }
1005
1005
  .ui.form .success :-ms-input-placeholder {
1006
- color: #8fcf90;
1006
+ color: #8fcf90 !important;
1007
1007
  }
1008
1008
  .ui.form .success ::-moz-placeholder {
1009
1009
  color: #8fcf90;
@@ -1012,7 +1012,7 @@
1012
1012
  color: #6cbf6d;
1013
1013
  }
1014
1014
  .ui.form .success :focus:-ms-input-placeholder {
1015
- color: #6cbf6d;
1015
+ color: #6cbf6d !important;
1016
1016
  }
1017
1017
  .ui.form .success :focus::-moz-placeholder {
1018
1018
  color: #6cbf6d;
@@ -1063,7 +1063,7 @@
1063
1063
  /* Active */
1064
1064
  .ui.form .fields.success .field .ui.dropdown .menu .active.item,
1065
1065
  .ui.form .field.success .ui.dropdown .menu .active.item {
1066
- background-color: #dafdce;
1066
+ background-color: #dafdce !important;
1067
1067
  }
1068
1068
 
1069
1069
  /*--------------------
@@ -1200,15 +1200,15 @@
1200
1200
  .ui.form .field.warning .transparent.input textarea,
1201
1201
  .ui.form .field.warning input.transparent,
1202
1202
  .ui.form .field.warning textarea.transparent {
1203
- background-color: #FFFAF3;
1204
- color: #573A08;
1203
+ background-color: #FFFAF3 !important;
1204
+ color: #573A08 !important;
1205
1205
  }
1206
1206
 
1207
1207
  /* Autofilled */
1208
1208
  .ui.form .warning.warning input:-webkit-autofill {
1209
1209
  -webkit-box-shadow: 0 0 0 100px #FFFFe0 inset !important;
1210
1210
  box-shadow: 0 0 0 100px #FFFFe0 inset !important;
1211
- border-color: #e0e0b3;
1211
+ border-color: #e0e0b3 !important;
1212
1212
  }
1213
1213
 
1214
1214
  /* Placeholder */
@@ -1216,7 +1216,7 @@
1216
1216
  color: #edad3e;
1217
1217
  }
1218
1218
  .ui.form .warning :-ms-input-placeholder {
1219
- color: #edad3e;
1219
+ color: #edad3e !important;
1220
1220
  }
1221
1221
  .ui.form .warning ::-moz-placeholder {
1222
1222
  color: #edad3e;
@@ -1225,7 +1225,7 @@
1225
1225
  color: #e39715;
1226
1226
  }
1227
1227
  .ui.form .warning :focus:-ms-input-placeholder {
1228
- color: #e39715;
1228
+ color: #e39715 !important;
1229
1229
  }
1230
1230
  .ui.form .warning :focus::-moz-placeholder {
1231
1231
  color: #e39715;
@@ -1276,7 +1276,7 @@
1276
1276
  /* Active */
1277
1277
  .ui.form .fields.warning .field .ui.dropdown .menu .active.item,
1278
1278
  .ui.form .field.warning .ui.dropdown .menu .active.item {
1279
- background-color: #fdfdce;
1279
+ background-color: #fdfdce !important;
1280
1280
  }
1281
1281
 
1282
1282
  /*--------------------
@@ -1718,6 +1718,14 @@
1718
1718
  vertical-align: middle;
1719
1719
  font-size: 1em;
1720
1720
  }
1721
+ .ui.form .inline.fields .field .calendar:not(.popup),
1722
+ .ui.form .inline.field .calendar:not(.popup) {
1723
+ display: inline-block;
1724
+ }
1725
+ .ui.form .inline.fields .field .calendar:not(.popup) > .input > input,
1726
+ .ui.form .inline.field .calendar:not(.popup) > .input > input {
1727
+ width: 13.11em;
1728
+ }
1721
1729
 
1722
1730
  /* Label */
1723
1731
  .ui.form .inline.fields .field > :first-child,
@@ -1362,72 +1362,72 @@ Floated Menu / Item
1362
1362
  Colors
1363
1363
  ---------------*/
1364
1364
 
1365
- .ui.ui.menu .primary.active.item,
1365
+ .ui.ui.ui.menu .primary.active.item,
1366
1366
  .ui.ui.primary.menu .active.item:hover,
1367
1367
  .ui.ui.primary.menu .active.item {
1368
1368
  color: #2185D0;
1369
1369
  }
1370
- .ui.ui.menu .red.active.item,
1370
+ .ui.ui.ui.menu .red.active.item,
1371
1371
  .ui.ui.red.menu .active.item:hover,
1372
1372
  .ui.ui.red.menu .active.item {
1373
1373
  color: #DB2828;
1374
1374
  }
1375
- .ui.ui.menu .orange.active.item,
1375
+ .ui.ui.ui.menu .orange.active.item,
1376
1376
  .ui.ui.orange.menu .active.item:hover,
1377
1377
  .ui.ui.orange.menu .active.item {
1378
1378
  color: #F2711C;
1379
1379
  }
1380
- .ui.ui.menu .yellow.active.item,
1380
+ .ui.ui.ui.menu .yellow.active.item,
1381
1381
  .ui.ui.yellow.menu .active.item:hover,
1382
1382
  .ui.ui.yellow.menu .active.item {
1383
1383
  color: #FBBD08;
1384
1384
  }
1385
- .ui.ui.menu .olive.active.item,
1385
+ .ui.ui.ui.menu .olive.active.item,
1386
1386
  .ui.ui.olive.menu .active.item:hover,
1387
1387
  .ui.ui.olive.menu .active.item {
1388
1388
  color: #B5CC18;
1389
1389
  }
1390
- .ui.ui.menu .green.active.item,
1390
+ .ui.ui.ui.menu .green.active.item,
1391
1391
  .ui.ui.green.menu .active.item:hover,
1392
1392
  .ui.ui.green.menu .active.item {
1393
1393
  color: #21BA45;
1394
1394
  }
1395
- .ui.ui.menu .teal.active.item,
1395
+ .ui.ui.ui.menu .teal.active.item,
1396
1396
  .ui.ui.teal.menu .active.item:hover,
1397
1397
  .ui.ui.teal.menu .active.item {
1398
1398
  color: #00B5AD;
1399
1399
  }
1400
- .ui.ui.menu .blue.active.item,
1400
+ .ui.ui.ui.menu .blue.active.item,
1401
1401
  .ui.ui.blue.menu .active.item:hover,
1402
1402
  .ui.ui.blue.menu .active.item {
1403
1403
  color: #2185D0;
1404
1404
  }
1405
- .ui.ui.menu .violet.active.item,
1405
+ .ui.ui.ui.menu .violet.active.item,
1406
1406
  .ui.ui.violet.menu .active.item:hover,
1407
1407
  .ui.ui.violet.menu .active.item {
1408
1408
  color: #6435C9;
1409
1409
  }
1410
- .ui.ui.menu .purple.active.item,
1410
+ .ui.ui.ui.menu .purple.active.item,
1411
1411
  .ui.ui.purple.menu .active.item:hover,
1412
1412
  .ui.ui.purple.menu .active.item {
1413
1413
  color: #A333C8;
1414
1414
  }
1415
- .ui.ui.menu .pink.active.item,
1415
+ .ui.ui.ui.menu .pink.active.item,
1416
1416
  .ui.ui.pink.menu .active.item:hover,
1417
1417
  .ui.ui.pink.menu .active.item {
1418
1418
  color: #E03997;
1419
1419
  }
1420
- .ui.ui.menu .brown.active.item,
1420
+ .ui.ui.ui.menu .brown.active.item,
1421
1421
  .ui.ui.brown.menu .active.item:hover,
1422
1422
  .ui.ui.brown.menu .active.item {
1423
1423
  color: #A5673F;
1424
1424
  }
1425
- .ui.ui.menu .grey.active.item,
1425
+ .ui.ui.ui.menu .grey.active.item,
1426
1426
  .ui.ui.grey.menu .active.item:hover,
1427
1427
  .ui.ui.grey.menu .active.item {
1428
1428
  color: #767676;
1429
1429
  }
1430
- .ui.ui.menu .black.active.item,
1430
+ .ui.ui.ui.menu .black.active.item,
1431
1431
  .ui.ui.black.menu .active.item:hover,
1432
1432
  .ui.ui.black.menu .active.item {
1433
1433
  color: #1B1C1D;
@@ -1553,7 +1553,7 @@ Floated Menu / Item
1553
1553
  Inverted
1554
1554
  ---------------*/
1555
1555
 
1556
- .ui.ui.inverted.menu .primary.active.item,
1556
+ .ui.ui.ui.inverted.menu .primary.active.item,
1557
1557
  .ui.ui.inverted.primary.menu {
1558
1558
  background-color: #2185D0;
1559
1559
  }
@@ -1566,7 +1566,7 @@ Floated Menu / Item
1566
1566
  .ui.inverted.pointing.primary.menu .active.item {
1567
1567
  background-color: #1678c2;
1568
1568
  }
1569
- .ui.ui.inverted.menu .red.active.item,
1569
+ .ui.ui.ui.inverted.menu .red.active.item,
1570
1570
  .ui.ui.inverted.red.menu {
1571
1571
  background-color: #DB2828;
1572
1572
  }
@@ -1579,7 +1579,7 @@ Floated Menu / Item
1579
1579
  .ui.inverted.pointing.red.menu .active.item {
1580
1580
  background-color: #d01919;
1581
1581
  }
1582
- .ui.ui.inverted.menu .orange.active.item,
1582
+ .ui.ui.ui.inverted.menu .orange.active.item,
1583
1583
  .ui.ui.inverted.orange.menu {
1584
1584
  background-color: #F2711C;
1585
1585
  }
@@ -1592,7 +1592,7 @@ Floated Menu / Item
1592
1592
  .ui.inverted.pointing.orange.menu .active.item {
1593
1593
  background-color: #f26202;
1594
1594
  }
1595
- .ui.ui.inverted.menu .yellow.active.item,
1595
+ .ui.ui.ui.inverted.menu .yellow.active.item,
1596
1596
  .ui.ui.inverted.yellow.menu {
1597
1597
  background-color: #FBBD08;
1598
1598
  }
@@ -1605,7 +1605,7 @@ Floated Menu / Item
1605
1605
  .ui.inverted.pointing.yellow.menu .active.item {
1606
1606
  background-color: #eaae00;
1607
1607
  }
1608
- .ui.ui.inverted.menu .olive.active.item,
1608
+ .ui.ui.ui.inverted.menu .olive.active.item,
1609
1609
  .ui.ui.inverted.olive.menu {
1610
1610
  background-color: #B5CC18;
1611
1611
  }
@@ -1618,7 +1618,7 @@ Floated Menu / Item
1618
1618
  .ui.inverted.pointing.olive.menu .active.item {
1619
1619
  background-color: #a7bd0d;
1620
1620
  }
1621
- .ui.ui.inverted.menu .green.active.item,
1621
+ .ui.ui.ui.inverted.menu .green.active.item,
1622
1622
  .ui.ui.inverted.green.menu {
1623
1623
  background-color: #21BA45;
1624
1624
  }
@@ -1631,7 +1631,7 @@ Floated Menu / Item
1631
1631
  .ui.inverted.pointing.green.menu .active.item {
1632
1632
  background-color: #16ab39;
1633
1633
  }
1634
- .ui.ui.inverted.menu .teal.active.item,
1634
+ .ui.ui.ui.inverted.menu .teal.active.item,
1635
1635
  .ui.ui.inverted.teal.menu {
1636
1636
  background-color: #00B5AD;
1637
1637
  }
@@ -1644,7 +1644,7 @@ Floated Menu / Item
1644
1644
  .ui.inverted.pointing.teal.menu .active.item {
1645
1645
  background-color: #009c95;
1646
1646
  }
1647
- .ui.ui.inverted.menu .blue.active.item,
1647
+ .ui.ui.ui.inverted.menu .blue.active.item,
1648
1648
  .ui.ui.inverted.blue.menu {
1649
1649
  background-color: #2185D0;
1650
1650
  }
@@ -1657,7 +1657,7 @@ Floated Menu / Item
1657
1657
  .ui.inverted.pointing.blue.menu .active.item {
1658
1658
  background-color: #1678c2;
1659
1659
  }
1660
- .ui.ui.inverted.menu .violet.active.item,
1660
+ .ui.ui.ui.inverted.menu .violet.active.item,
1661
1661
  .ui.ui.inverted.violet.menu {
1662
1662
  background-color: #6435C9;
1663
1663
  }
@@ -1670,7 +1670,7 @@ Floated Menu / Item
1670
1670
  .ui.inverted.pointing.violet.menu .active.item {
1671
1671
  background-color: #5829bb;
1672
1672
  }
1673
- .ui.ui.inverted.menu .purple.active.item,
1673
+ .ui.ui.ui.inverted.menu .purple.active.item,
1674
1674
  .ui.ui.inverted.purple.menu {
1675
1675
  background-color: #A333C8;
1676
1676
  }
@@ -1683,7 +1683,7 @@ Floated Menu / Item
1683
1683
  .ui.inverted.pointing.purple.menu .active.item {
1684
1684
  background-color: #9627ba;
1685
1685
  }
1686
- .ui.ui.inverted.menu .pink.active.item,
1686
+ .ui.ui.ui.inverted.menu .pink.active.item,
1687
1687
  .ui.ui.inverted.pink.menu {
1688
1688
  background-color: #E03997;
1689
1689
  }
@@ -1696,7 +1696,7 @@ Floated Menu / Item
1696
1696
  .ui.inverted.pointing.pink.menu .active.item {
1697
1697
  background-color: #e61a8d;
1698
1698
  }
1699
- .ui.ui.inverted.menu .brown.active.item,
1699
+ .ui.ui.ui.inverted.menu .brown.active.item,
1700
1700
  .ui.ui.inverted.brown.menu {
1701
1701
  background-color: #A5673F;
1702
1702
  }
@@ -1709,7 +1709,7 @@ Floated Menu / Item
1709
1709
  .ui.inverted.pointing.brown.menu .active.item {
1710
1710
  background-color: #975b33;
1711
1711
  }
1712
- .ui.ui.inverted.menu .grey.active.item,
1712
+ .ui.ui.ui.inverted.menu .grey.active.item,
1713
1713
  .ui.ui.inverted.grey.menu {
1714
1714
  background-color: #767676;
1715
1715
  }
@@ -1722,7 +1722,7 @@ Floated Menu / Item
1722
1722
  .ui.inverted.pointing.grey.menu .active.item {
1723
1723
  background-color: #838383;
1724
1724
  }
1725
- .ui.ui.inverted.menu .black.active.item,
1725
+ .ui.ui.ui.inverted.menu .black.active.item,
1726
1726
  .ui.ui.inverted.black.menu {
1727
1727
  background-color: #1B1C1D;
1728
1728
  }
@@ -54,6 +54,12 @@
54
54
  transition: background 0.1s ease, color 0.1s ease;
55
55
  }
56
56
 
57
+ /* Rowspan helper class */
58
+ .ui.table th.rowspanned,
59
+ .ui.table td.rowspanned {
60
+ display: none;
61
+ }
62
+
57
63
  /* Headers */
58
64
  .ui.table > thead {
59
65
  -webkit-box-shadow: none;
@@ -174,13 +180,13 @@
174
180
  .ui.table:not(.unstackable) > tbody,
175
181
  .ui.table:not(.unstackable) > tr,
176
182
  .ui.table:not(.unstackable) > tbody > tr,
177
- .ui.table:not(.unstackable) > tr > th,
178
- .ui.table:not(.unstackable) > thead > tr > th,
179
- .ui.table:not(.unstackable) > tbody > tr > th,
180
- .ui.table:not(.unstackable) > tfoot > tr > th,
181
- .ui.table:not(.unstackable) > tr > td,
182
- .ui.table:not(.unstackable) > tbody > tr > td,
183
- .ui.table:not(.unstackable) > tfoot > tr > td {
183
+ .ui.table:not(.unstackable) > tr > th:not(.rowspanned),
184
+ .ui.table:not(.unstackable) > thead > tr > th:not(.rowspanned),
185
+ .ui.table:not(.unstackable) > tbody > tr > th:not(.rowspanned),
186
+ .ui.table:not(.unstackable) > tfoot > tr > th:not(.rowspanned),
187
+ .ui.table:not(.unstackable) > tr > td:not(.rowspanned),
188
+ .ui.table:not(.unstackable) > tbody > tr > td:not(.rowspanned),
189
+ .ui.table:not(.unstackable) > tfoot > tr > td:not(.rowspanned) {
184
190
  display: block !important;
185
191
  width: auto !important;
186
192
  }
@@ -670,13 +676,13 @@
670
676
  .ui[class*="tablet stackable"].table > tbody,
671
677
  .ui[class*="tablet stackable"].table > tbody > tr,
672
678
  .ui[class*="tablet stackable"].table > tr,
673
- .ui[class*="tablet stackable"].table > thead > tr > th,
674
- .ui[class*="tablet stackable"].table > tbody > tr > th,
675
- .ui[class*="tablet stackable"].table > tfoot > tr > th,
676
- .ui[class*="tablet stackable"].table > tr > th,
677
- .ui[class*="tablet stackable"].table > tbody > tr > td,
678
- .ui[class*="tablet stackable"].table > tfoot > tr > td,
679
- .ui[class*="tablet stackable"].table > tr > td {
679
+ .ui[class*="tablet stackable"].table > thead > tr > th:not(.rowspanned),
680
+ .ui[class*="tablet stackable"].table > tbody > tr > th:not(.rowspanned),
681
+ .ui[class*="tablet stackable"].table > tfoot > tr > th:not(.rowspanned),
682
+ .ui[class*="tablet stackable"].table > tr > th:not(.rowspanned),
683
+ .ui[class*="tablet stackable"].table > tbody > tr > td:not(.rowspanned),
684
+ .ui[class*="tablet stackable"].table > tfoot > tr > td:not(.rowspanned),
685
+ .ui[class*="tablet stackable"].table > tr > td:not(.rowspanned) {
680
686
  display: block !important;
681
687
  width: 100% !important;
682
688
  }
@@ -50,7 +50,7 @@ em[data-emoji].loading:before {
50
50
  Link
51
51
  --------------------*/
52
52
 
53
- em[data-emoji].link {
53
+ em[data-emoji].link:not(.disabled) {
54
54
  cursor: pointer;
55
55
  }
56
56
  /*
@@ -175,7 +175,7 @@
175
175
  color: #e7bdbc;
176
176
  }
177
177
  .ui.input.error > input:-ms-input-placeholder {
178
- color: #e7bdbc;
178
+ color: #e7bdbc !important;
179
179
  }
180
180
 
181
181
  /* Focused Placeholder */
@@ -186,7 +186,7 @@
186
186
  color: #da9796;
187
187
  }
188
188
  .ui.input.error > input:focus:-ms-input-placeholder {
189
- color: #da9796;
189
+ color: #da9796 !important;
190
190
  }
191
191
  .ui.input.info > input {
192
192
  background-color: #F8FFFF;
@@ -204,7 +204,7 @@
204
204
  color: #98cfe1;
205
205
  }
206
206
  .ui.input.info > input:-ms-input-placeholder {
207
- color: #98cfe1;
207
+ color: #98cfe1 !important;
208
208
  }
209
209
 
210
210
  /* Focused Placeholder */
@@ -215,7 +215,7 @@
215
215
  color: #70bdd6;
216
216
  }
217
217
  .ui.input.info > input:focus:-ms-input-placeholder {
218
- color: #70bdd6;
218
+ color: #70bdd6 !important;
219
219
  }
220
220
  .ui.input.success > input {
221
221
  background-color: #FCFFF5;
@@ -233,7 +233,7 @@
233
233
  color: #8fcf90;
234
234
  }
235
235
  .ui.input.success > input:-ms-input-placeholder {
236
- color: #8fcf90;
236
+ color: #8fcf90 !important;
237
237
  }
238
238
 
239
239
  /* Focused Placeholder */
@@ -244,7 +244,7 @@
244
244
  color: #6cbf6d;
245
245
  }
246
246
  .ui.input.success > input:focus:-ms-input-placeholder {
247
- color: #6cbf6d;
247
+ color: #6cbf6d !important;
248
248
  }
249
249
  .ui.input.warning > input {
250
250
  background-color: #FFFAF3;
@@ -262,7 +262,7 @@
262
262
  color: #edad3e;
263
263
  }
264
264
  .ui.input.warning > input:-ms-input-placeholder {
265
- color: #edad3e;
265
+ color: #edad3e !important;
266
266
  }
267
267
 
268
268
  /* Focused Placeholder */
@@ -273,7 +273,7 @@
273
273
  color: #e39715;
274
274
  }
275
275
  .ui.input.warning > input:focus:-ms-input-placeholder {
276
- color: #e39715;
276
+ color: #e39715 !important;
277
277
  }
278
278
 
279
279
 
@@ -52,7 +52,7 @@
52
52
 
53
53
 
54
54
  /* Header */
55
- .ui.inverted.segment > .ui.header > .sub.header,
55
+ .ui.inverted.segment > .ui.header .sub.header,
56
56
  .ui.inverted.segment > .ui.header {
57
57
  color: #FFFFFF;
58
58
  }
@@ -220,6 +220,7 @@
220
220
  cursor: default !important;
221
221
  opacity: 0.5;
222
222
  color: #000000;
223
+ pointer-events: none;
223
224
  }
224
225
 
225
226
  /*--------------
@@ -633,7 +633,7 @@ select.ui.dropdown {
633
633
  cursor: text;
634
634
  position: relative;
635
635
  left: 1px;
636
- z-index: 3;
636
+ z-index: auto;
637
637
  }
638
638
 
639
639
  /* Search Selection */
@@ -45,6 +45,9 @@
45
45
  border-bottom-left-radius: 0.28571429rem;
46
46
  border-bottom-right-radius: 0.28571429rem;
47
47
  }
48
+ .ui.modal > .ui.dimmer {
49
+ border-radius: inherit;
50
+ }
48
51
 
49
52
 
50
53
  /*******************************
@@ -321,6 +324,7 @@
321
324
  }
322
325
  .ui.basic.modal > .header {
323
326
  color: #FFFFFF;
327
+ border-bottom: none;
324
328
  }
325
329
  .ui.basic.modal > .close {
326
330
  top: 1rem;
@@ -24,6 +24,7 @@
24
24
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
25
25
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
26
26
  }
27
+ .ui.shape .side,
27
28
  .ui.shape .sides {
28
29
  -webkit-transform-style: preserve-3d;
29
30
  transform-style: preserve-3d;
@@ -1,8 +1,8 @@
1
1
  module Fomantic
2
2
  module Ui
3
3
  module Sass
4
- VERSION = '2.8.3'.freeze
5
- SEMANTIC_UI_SHA = '43f6ea48cb917e3319e13b774a160e22fabcd2d9'.freeze
4
+ VERSION = '2.8.4'.freeze
5
+ SEMANTIC_UI_SHA = 'f9c6f3ed69140f6627907299c4e73fc88868cd30'.freeze
6
6
  end
7
7
  end
8
8
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: fomantic-ui-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.8.3
4
+ version: 2.8.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - doabit
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2020-01-17 00:00:00.000000000 Z
12
+ date: 2020-07-07 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: autoprefixer-rails
@@ -364,7 +364,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
364
364
  - !ruby/object:Gem::Version
365
365
  version: '0'
366
366
  requirements: []
367
- rubygems_version: 3.0.3
367
+ rubygems_version: 3.1.2
368
368
  signing_key:
369
369
  specification_version: 4
370
370
  summary: Fomantic UI, converted to Sass and ready to drop into Rails, Compass, or