fomantic-ui-sass 2.8.4 → 2.8.5

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.
Files changed (35) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  4. data/app/assets/fonts/semantic-ui/brand-icons.svg +95 -56
  5. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  6. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  7. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  9. data/app/assets/fonts/semantic-ui/icons.svg +121 -88
  10. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  11. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  14. data/app/assets/fonts/semantic-ui/outline-icons.svg +10 -10
  15. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  16. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  17. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  18. data/app/assets/javascripts/semantic-ui/calendar.js +41 -36
  19. data/app/assets/javascripts/semantic-ui/dropdown.js +8 -5
  20. data/app/assets/javascripts/semantic-ui/form.js +4 -10
  21. data/app/assets/javascripts/semantic-ui/popup.js +6 -5
  22. data/app/assets/javascripts/semantic-ui/search.js +27 -0
  23. data/app/assets/javascripts/semantic-ui/tab.js +3 -2
  24. data/app/assets/javascripts/semantic-ui/visibility.js +1 -1
  25. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +24 -24
  26. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +9 -3
  27. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +112 -15
  28. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +16 -16
  29. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +7 -0
  30. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +6 -7
  31. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +3 -3
  32. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +32 -3
  33. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +90 -0
  34. data/lib/fomantic/ui/sass/version.rb +2 -2
  35. metadata +1 -1
@@ -314,10 +314,9 @@
314
314
  }
315
315
 
316
316
  /* Automatically float dropdown menu right on last menu item */
317
- .ui.menu .right.menu .dropdown:last-child .menu,
318
- .ui.menu .right.dropdown.item .menu,
319
- .ui.buttons > .ui.dropdown:last-child .menu {
320
- left: auto;
317
+ .ui.menu .right.menu .dropdown:last-child .menu:not(.left),
318
+ .ui.menu .right.dropdown.item .menu:not(.left),
319
+ .ui.buttons > .ui.dropdown:last-child .menu:not(.left) {
321
320
  right: 0;
322
321
  }
323
322
 
@@ -1156,7 +1155,7 @@ select.ui.dropdown {
1156
1155
  }
1157
1156
  .ui.dropdown > .left.menu .menu,
1158
1157
  .ui.dropdown .menu .left.menu {
1159
- left: auto;
1158
+ left: auto !important;
1160
1159
  right: 100%;
1161
1160
  margin: 0 -0.5em 0 0 !important;
1162
1161
  border-radius: 0.28571429rem !important;
@@ -1379,12 +1378,12 @@ select.ui.dropdown {
1379
1378
  opacity: 1;
1380
1379
  }
1381
1380
  .ui.simple.dropdown > .menu > .item:active > .menu,
1382
- .ui.simple.dropdown:hover > .menu > .item:hover > .menu {
1381
+ .ui.simple.dropdown .menu .item:hover > .menu {
1383
1382
  overflow: visible;
1384
1383
  width: auto;
1385
1384
  height: auto;
1386
1385
  top: 0 !important;
1387
- left: 100% !important;
1386
+ left: 100%;
1388
1387
  opacity: 1;
1389
1388
  }
1390
1389
  .ui.simple.disabled.dropdown:hover .menu {
@@ -181,7 +181,7 @@
181
181
  border-top: 1px solid rgba(34, 36, 38, 0.15);
182
182
  text-align: right;
183
183
  }
184
- .ui.modal .actions > .button {
184
+ .ui.modal .actions > .button:not(.fluid) {
185
185
  margin-left: 0.75em;
186
186
  }
187
187
  .ui.basic.modal > .actions {
@@ -264,7 +264,7 @@
264
264
  -ms-flex-direction: column;
265
265
  flex-direction: column;
266
266
  }
267
- .ui.modal .content > .image {
267
+ .ui.modal > .content > .image {
268
268
  display: block;
269
269
  max-width: 100%;
270
270
  margin: 0 auto !important;
@@ -276,7 +276,7 @@
276
276
  text-align: center;
277
277
  }
278
278
  /*rtl:ignore*/
279
- .ui.modal .content > .description {
279
+ .ui.modal > .content > .description {
280
280
  display: block;
281
281
  width: 100% !important;
282
282
  margin: 0 !important;
@@ -177,38 +177,67 @@
177
177
 
178
178
  /* Single Digits */
179
179
  .ui.indicating.progress[data-percent="1"] .bar,
180
+ .ui.indicating.progress[data-percent^="1."] .bar,
180
181
  .ui.indicating.progress[data-percent="2"] .bar,
182
+ .ui.indicating.progress[data-percent^="2."] .bar,
181
183
  .ui.indicating.progress[data-percent="3"] .bar,
184
+ .ui.indicating.progress[data-percent^="3."] .bar,
182
185
  .ui.indicating.progress[data-percent="4"] .bar,
186
+ .ui.indicating.progress[data-percent^="4."] .bar,
183
187
  .ui.indicating.progress[data-percent="5"] .bar,
188
+ .ui.indicating.progress[data-percent^="5."] .bar,
184
189
  .ui.indicating.progress[data-percent="6"] .bar,
190
+ .ui.indicating.progress[data-percent^="6."] .bar,
185
191
  .ui.indicating.progress[data-percent="7"] .bar,
192
+ .ui.indicating.progress[data-percent^="7."] .bar,
186
193
  .ui.indicating.progress[data-percent="8"] .bar,
187
- .ui.indicating.progress[data-percent="9"] .bar {
194
+ .ui.indicating.progress[data-percent^="8."] .bar,
195
+ .ui.indicating.progress[data-percent="9"] .bar,
196
+ .ui.indicating.progress[data-percent^="9."] .bar {
188
197
  background-color: #D95C5C;
189
198
  }
190
199
  .ui.indicating.progress[data-percent="0"] .label,
200
+ .ui.indicating.progress[data-percent^="0."] .label,
191
201
  .ui.indicating.progress[data-percent="1"] .label,
202
+ .ui.indicating.progress[data-percent^="1."] .label,
192
203
  .ui.indicating.progress[data-percent="2"] .label,
204
+ .ui.indicating.progress[data-percent^="2."] .label,
193
205
  .ui.indicating.progress[data-percent="3"] .label,
206
+ .ui.indicating.progress[data-percent^="3."] .label,
194
207
  .ui.indicating.progress[data-percent="4"] .label,
208
+ .ui.indicating.progress[data-percent^="4."] .label,
195
209
  .ui.indicating.progress[data-percent="5"] .label,
210
+ .ui.indicating.progress[data-percent^="5."] .label,
196
211
  .ui.indicating.progress[data-percent="6"] .label,
212
+ .ui.indicating.progress[data-percent^="6."] .label,
197
213
  .ui.indicating.progress[data-percent="7"] .label,
214
+ .ui.indicating.progress[data-percent^="7."] .label,
198
215
  .ui.indicating.progress[data-percent="8"] .label,
199
- .ui.indicating.progress[data-percent="9"] .label {
216
+ .ui.indicating.progress[data-percent^="8."] .label,
217
+ .ui.indicating.progress[data-percent="9"] .label,
218
+ .ui.indicating.progress[data-percent^="9."] .label {
200
219
  color: rgba(0, 0, 0, 0.87);
201
220
  }
202
221
  .ui.inverted.indicating.progress[data-percent="0"] .label,
222
+ .ui.inverted.indicating.progress[data-percent^="0."] .label,
203
223
  .ui.inverted.indicating.progress[data-percent="1"] .label,
224
+ .ui.inverted.indicating.progress[data-percent^="1."] .label,
204
225
  .ui.inverted.indicating.progress[data-percent="2"] .label,
226
+ .ui.inverted.indicating.progress[data-percent^="2."] .label,
205
227
  .ui.inverted.indicating.progress[data-percent="3"] .label,
228
+ .ui.inverted.indicating.progress[data-percent^="3."] .label,
206
229
  .ui.inverted.indicating.progress[data-percent="4"] .label,
230
+ .ui.inverted.indicating.progress[data-percent^="4."] .label,
207
231
  .ui.inverted.indicating.progress[data-percent="5"] .label,
232
+ .ui.inverted.indicating.progress[data-percent^="5."] .label,
208
233
  .ui.inverted.indicating.progress[data-percent="6"] .label,
234
+ .ui.inverted.indicating.progress[data-percent^="6."] .label,
209
235
  .ui.inverted.indicating.progress[data-percent="7"] .label,
236
+ .ui.inverted.indicating.progress[data-percent^="7."] .label,
210
237
  .ui.inverted.indicating.progress[data-percent="8"] .label,
211
- .ui.inverted.indicating.progress[data-percent="9"] .label {
238
+ .ui.inverted.indicating.progress[data-percent^="8."] .label,
239
+ .ui.inverted.indicating.progress[data-percent="9"] .label,
240
+ .ui.inverted.indicating.progress[data-percent^="9."] .label {
212
241
  color: rgba(255, 255, 255, 0.9);
213
242
  }
214
243
 
@@ -371,6 +371,96 @@
371
371
  *******************************/
372
372
 
373
373
 
374
+ /*-------------------
375
+ Scrolling
376
+ --------------------*/
377
+
378
+ .ui.scrolling.search > .results,
379
+ .ui.search.long > .results,
380
+ .ui.search.short > .results {
381
+ overflow-x: hidden;
382
+ overflow-y: auto;
383
+ -webkit-backface-visibility: hidden;
384
+ backface-visibility: hidden;
385
+ -webkit-overflow-scrolling: touch;
386
+ }
387
+ @media only screen and (max-width: 767.98px) {
388
+ .ui.scrolling.search > .results {
389
+ max-height: 12.17714286em;
390
+ }
391
+ }
392
+ @media only screen and (min-width: 768px) {
393
+ .ui.scrolling.search > .results {
394
+ max-height: 18.26571429em;
395
+ }
396
+ }
397
+ @media only screen and (min-width: 992px) {
398
+ .ui.scrolling.search > .results {
399
+ max-height: 24.35428571em;
400
+ }
401
+ }
402
+ @media only screen and (min-width: 1920px) {
403
+ .ui.scrolling.search > .results {
404
+ max-height: 36.53142857em;
405
+ }
406
+ }
407
+ @media only screen and (max-width: 767.98px) {
408
+ .ui.search.short > .results {
409
+ max-height: 12.17714286em;
410
+ }
411
+ .ui.search[class*="very short"] > .results {
412
+ max-height: 9.13285714em;
413
+ }
414
+ .ui.search.long > .results {
415
+ max-height: 24.35428571em;
416
+ }
417
+ .ui.search[class*="very long"] > .results {
418
+ max-height: 36.53142857em;
419
+ }
420
+ }
421
+ @media only screen and (min-width: 768px) {
422
+ .ui.search.short > .results {
423
+ max-height: 18.26571429em;
424
+ }
425
+ .ui.search[class*="very short"] > .results {
426
+ max-height: 13.69928571em;
427
+ }
428
+ .ui.search.long > .results {
429
+ max-height: 36.53142857em;
430
+ }
431
+ .ui.search[class*="very long"] > .results {
432
+ max-height: 54.79714286em;
433
+ }
434
+ }
435
+ @media only screen and (min-width: 992px) {
436
+ .ui.search.short > .results {
437
+ max-height: 24.35428571em;
438
+ }
439
+ .ui.search[class*="very short"] > .results {
440
+ max-height: 18.26571429em;
441
+ }
442
+ .ui.search.long > .results {
443
+ max-height: 48.70857143em;
444
+ }
445
+ .ui.search[class*="very long"] > .results {
446
+ max-height: 73.06285714em;
447
+ }
448
+ }
449
+ @media only screen and (min-width: 1920px) {
450
+ .ui.search.short > .results {
451
+ max-height: 36.53142857em;
452
+ }
453
+ .ui.search[class*="very short"] > .results {
454
+ max-height: 27.39857143em;
455
+ }
456
+ .ui.search.long > .results {
457
+ max-height: 73.06285714em;
458
+ }
459
+ .ui.search[class*="very long"] > .results {
460
+ max-height: 109.59428571em;
461
+ }
462
+ }
463
+
374
464
  /*-------------------
375
465
  Left / Right
376
466
  --------------------*/
@@ -1,8 +1,8 @@
1
1
  module Fomantic
2
2
  module Ui
3
3
  module Sass
4
- VERSION = '2.8.4'.freeze
5
- SEMANTIC_UI_SHA = 'f9c6f3ed69140f6627907299c4e73fc88868cd30'.freeze
4
+ VERSION = '2.8.5'.freeze
5
+ SEMANTIC_UI_SHA = '023bdfbf559f221fd42e39ad644f80956f57446a'.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.4
4
+ version: 2.8.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - doabit