fomantic-ui-sass 2.8.4 → 2.8.5

Sign up to get free protection for your applications and to get access to all the features.
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