fomantic-ui 2.9.3-beta.62 → 2.9.3-beta.64
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.
- package/dist/components/accordion.css +1 -1
- package/dist/components/accordion.js +1 -1
- package/dist/components/accordion.min.css +1 -1
- package/dist/components/accordion.min.js +1 -1
- package/dist/components/ad.css +1 -1
- package/dist/components/ad.min.css +1 -1
- package/dist/components/api.js +1 -1
- package/dist/components/api.min.js +1 -1
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +1 -1
- package/dist/components/button.min.css +1 -1
- package/dist/components/calendar.css +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/calendar.min.css +1 -1
- package/dist/components/calendar.min.js +1 -1
- package/dist/components/card.css +1 -1
- package/dist/components/card.min.css +1 -1
- package/dist/components/checkbox.css +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.min.css +1 -1
- package/dist/components/checkbox.min.js +1 -1
- package/dist/components/comment.css +1 -1
- package/dist/components/comment.min.css +1 -1
- package/dist/components/container.css +1 -1
- package/dist/components/container.min.css +1 -1
- package/dist/components/dimmer.css +1 -1
- package/dist/components/dimmer.js +1 -1
- package/dist/components/dimmer.min.css +1 -1
- package/dist/components/dimmer.min.js +1 -1
- package/dist/components/divider.css +1 -1
- package/dist/components/divider.min.css +1 -1
- package/dist/components/dropdown.css +72 -23
- package/dist/components/dropdown.js +1 -1
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +1 -1
- package/dist/components/embed.css +1 -1
- package/dist/components/embed.js +1 -1
- package/dist/components/embed.min.css +1 -1
- package/dist/components/embed.min.js +1 -1
- package/dist/components/emoji.css +1 -1
- package/dist/components/emoji.min.css +1 -1
- package/dist/components/feed.css +1 -1
- package/dist/components/feed.min.css +1 -1
- package/dist/components/flag.css +1 -1
- package/dist/components/flag.min.css +1 -1
- package/dist/components/flyout.css +1 -1
- package/dist/components/flyout.js +1 -1
- package/dist/components/flyout.min.css +1 -1
- package/dist/components/flyout.min.js +1 -1
- package/dist/components/form.css +1 -1
- package/dist/components/form.js +1 -1
- package/dist/components/form.min.css +1 -1
- package/dist/components/form.min.js +1 -1
- package/dist/components/grid.css +1 -1
- package/dist/components/grid.min.css +1 -1
- package/dist/components/header.css +1 -1
- package/dist/components/header.min.css +1 -1
- package/dist/components/icon.css +1 -1
- package/dist/components/icon.min.css +1 -1
- package/dist/components/image.css +1 -1
- package/dist/components/image.min.css +1 -1
- package/dist/components/input.css +1 -1
- package/dist/components/input.min.css +1 -1
- package/dist/components/item.css +1 -1
- package/dist/components/item.min.css +1 -1
- package/dist/components/label.css +1 -1
- package/dist/components/label.min.css +1 -1
- package/dist/components/list.css +1 -1
- package/dist/components/list.min.css +1 -1
- package/dist/components/loader.css +1 -1
- package/dist/components/loader.min.css +1 -1
- package/dist/components/menu.css +1 -1
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +1 -1
- package/dist/components/message.min.css +1 -1
- package/dist/components/modal.css +1 -1
- package/dist/components/modal.js +1 -1
- package/dist/components/modal.min.css +1 -1
- package/dist/components/modal.min.js +1 -1
- package/dist/components/nag.css +1 -1
- package/dist/components/nag.js +1 -1
- package/dist/components/nag.min.css +1 -1
- package/dist/components/nag.min.js +1 -1
- package/dist/components/placeholder.css +1 -1
- package/dist/components/placeholder.min.css +1 -1
- package/dist/components/popup.css +1 -1
- package/dist/components/popup.js +1 -1
- package/dist/components/popup.min.css +1 -1
- package/dist/components/popup.min.js +1 -1
- package/dist/components/progress.css +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/progress.min.css +1 -1
- package/dist/components/progress.min.js +1 -1
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +1 -1
- package/dist/components/rating.js +1 -1
- package/dist/components/rating.min.css +1 -1
- package/dist/components/rating.min.js +1 -1
- package/dist/components/reset.css +1 -1
- package/dist/components/reset.min.css +1 -1
- package/dist/components/reveal.css +1 -1
- package/dist/components/reveal.min.css +1 -1
- package/dist/components/search.css +1 -1
- package/dist/components/search.js +1 -1
- package/dist/components/search.min.css +1 -1
- package/dist/components/search.min.js +1 -1
- package/dist/components/segment.css +1 -1
- package/dist/components/segment.min.css +1 -1
- package/dist/components/shape.css +1 -1
- package/dist/components/shape.js +1 -1
- package/dist/components/shape.min.css +1 -1
- package/dist/components/shape.min.js +1 -1
- package/dist/components/sidebar.css +1 -1
- package/dist/components/sidebar.js +1 -1
- package/dist/components/sidebar.min.css +1 -1
- package/dist/components/sidebar.min.js +1 -1
- package/dist/components/site.css +1 -1
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +1 -1
- package/dist/components/site.min.js +1 -1
- package/dist/components/slider.css +1 -1
- package/dist/components/slider.js +9 -4
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +2 -2
- package/dist/components/state.js +1 -1
- package/dist/components/state.min.js +1 -1
- package/dist/components/statistic.css +1 -1
- package/dist/components/statistic.min.css +1 -1
- package/dist/components/step.css +1 -1
- package/dist/components/step.min.css +1 -1
- package/dist/components/sticky.css +1 -1
- package/dist/components/sticky.js +1 -1
- package/dist/components/sticky.min.css +1 -1
- package/dist/components/sticky.min.js +1 -1
- package/dist/components/tab.css +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tab.min.css +1 -1
- package/dist/components/tab.min.js +1 -1
- package/dist/components/table.css +1 -1
- package/dist/components/table.min.css +1 -1
- package/dist/components/text.css +1 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/toast.js +1 -1
- package/dist/components/toast.min.css +1 -1
- package/dist/components/toast.min.js +1 -1
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +1 -1
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +1 -1
- package/dist/components/visibility.js +1 -1
- package/dist/components/visibility.min.js +1 -1
- package/dist/semantic.css +137 -75
- package/dist/semantic.js +34 -29
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/package.json +1 -1
- package/src/definitions/modules/dropdown.less +81 -19
- package/src/definitions/modules/slider.js +8 -3
- package/src/themes/default/modules/dropdown.variables +7 -4
package/dist/components/ad.css
CHANGED
package/dist/components/api.js
CHANGED
package/dist/components/card.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Fomantic-UI 2.9.3-beta.
|
2
|
+
* # Fomantic-UI 2.9.3-beta.64+a8dd05e - Dropdown
|
3
3
|
* https://github.com/fomantic/Fomantic-UI/
|
4
4
|
*
|
5
5
|
*
|
@@ -412,22 +412,26 @@ select.ui.dropdown {
|
|
412
412
|
}
|
413
413
|
|
414
414
|
/* Selection Menu */
|
415
|
-
.ui.selection.dropdown .menu {
|
415
|
+
.ui.selection.dropdown:not(.unlimited) .menu {
|
416
416
|
overflow-x: hidden;
|
417
417
|
overflow-y: auto;
|
418
418
|
-ms-scroll-chaining: none;
|
419
419
|
overscroll-behavior: none;
|
420
420
|
-webkit-backface-visibility: hidden;
|
421
421
|
backface-visibility: hidden;
|
422
|
-
|
422
|
+
}
|
423
|
+
.ui.selection.dropdown .menu {
|
423
424
|
outline: none;
|
424
425
|
margin: 0 -1px;
|
425
426
|
min-width: calc(100% + 2px);
|
426
427
|
width: calc(100% + 2px);
|
427
|
-
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
428
428
|
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
|
429
429
|
transition: opacity 0.1s ease;
|
430
430
|
}
|
431
|
+
.ui.selection.dropdown:not(.pointing):not(.floating) .menu {
|
432
|
+
border-top-width: 0;
|
433
|
+
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
434
|
+
}
|
431
435
|
.ui.selection.dropdown .menu::after,
|
432
436
|
.ui.selection.dropdown .menu::before {
|
433
437
|
display: none;
|
@@ -446,7 +450,7 @@ select.ui.dropdown {
|
|
446
450
|
.ui.selection.dropdown[class*="very short"] .menu {
|
447
451
|
max-height: 4.00714286rem;
|
448
452
|
}
|
449
|
-
.ui.selection.dropdown .menu {
|
453
|
+
.ui.selection.dropdown:not(.unlimited) .menu {
|
450
454
|
max-height: 8.01428571rem;
|
451
455
|
}
|
452
456
|
.ui.selection.dropdown.long .menu {
|
@@ -463,7 +467,7 @@ select.ui.dropdown {
|
|
463
467
|
.ui.selection.dropdown[class*="very short"] .menu {
|
464
468
|
max-height: 5.34285714rem;
|
465
469
|
}
|
466
|
-
.ui.selection.dropdown .menu {
|
470
|
+
.ui.selection.dropdown:not(.unlimited) .menu {
|
467
471
|
max-height: 10.68571429rem;
|
468
472
|
}
|
469
473
|
.ui.selection.dropdown.long .menu {
|
@@ -480,7 +484,7 @@ select.ui.dropdown {
|
|
480
484
|
.ui.selection.dropdown[class*="very short"] .menu {
|
481
485
|
max-height: 8.01428571rem;
|
482
486
|
}
|
483
|
-
.ui.selection.dropdown .menu {
|
487
|
+
.ui.selection.dropdown:not(.unlimited) .menu {
|
484
488
|
max-height: 16.02857143rem;
|
485
489
|
}
|
486
490
|
.ui.selection.dropdown.long .menu {
|
@@ -497,7 +501,7 @@ select.ui.dropdown {
|
|
497
501
|
.ui.selection.dropdown[class*="very short"] .menu {
|
498
502
|
max-height: 10.68571429rem;
|
499
503
|
}
|
500
|
-
.ui.selection.dropdown .menu {
|
504
|
+
.ui.selection.dropdown:not(.unlimited) .menu {
|
501
505
|
max-height: 21.37142857rem;
|
502
506
|
}
|
503
507
|
.ui.selection.dropdown.long .menu {
|
@@ -515,6 +519,10 @@ select.ui.dropdown {
|
|
515
519
|
white-space: normal;
|
516
520
|
word-wrap: normal;
|
517
521
|
}
|
522
|
+
.ui.selection.pointing.dropdown .menu > .item:first-child,
|
523
|
+
.ui.selection.floating.dropdown .menu > .item:first-child {
|
524
|
+
border-top: none;
|
525
|
+
}
|
518
526
|
|
519
527
|
/* User Item */
|
520
528
|
.ui.selection.dropdown .menu > .hidden.addition.item {
|
@@ -582,7 +590,7 @@ select.ui.dropdown {
|
|
582
590
|
}
|
583
591
|
|
584
592
|
/* Connecting Border */
|
585
|
-
.ui.active.selection.dropdown {
|
593
|
+
.ui.active.selection.dropdown:not(.pointing):not(.floating) {
|
586
594
|
border-bottom-left-radius: 0 !important;
|
587
595
|
border-bottom-right-radius: 0 !important;
|
588
596
|
}
|
@@ -702,7 +710,7 @@ select.ui.dropdown {
|
|
702
710
|
}
|
703
711
|
|
704
712
|
/* Search Menu */
|
705
|
-
.ui.search.dropdown .menu {
|
713
|
+
.ui.search.dropdown:not(.unlimited) .menu {
|
706
714
|
overflow-x: hidden;
|
707
715
|
overflow-y: auto;
|
708
716
|
-ms-scroll-chaining: none;
|
@@ -711,22 +719,22 @@ select.ui.dropdown {
|
|
711
719
|
backface-visibility: hidden;
|
712
720
|
}
|
713
721
|
@media only screen and (max-width: 767.98px) {
|
714
|
-
.ui.search.dropdown .menu {
|
722
|
+
.ui.search.dropdown:not(.unlimited) .menu {
|
715
723
|
max-height: 8.01428571rem;
|
716
724
|
}
|
717
725
|
}
|
718
726
|
@media only screen and (min-width: 768px) {
|
719
|
-
.ui.search.dropdown .menu {
|
727
|
+
.ui.search.dropdown:not(.unlimited) .menu {
|
720
728
|
max-height: 10.68571429rem;
|
721
729
|
}
|
722
730
|
}
|
723
731
|
@media only screen and (min-width: 992px) {
|
724
|
-
.ui.search.dropdown .menu {
|
732
|
+
.ui.search.dropdown:not(.unlimited) .menu {
|
725
733
|
max-height: 16.02857143rem;
|
726
734
|
}
|
727
735
|
}
|
728
736
|
@media only screen and (min-width: 1920px) {
|
729
|
-
.ui.search.dropdown .menu {
|
737
|
+
.ui.search.dropdown:not(.unlimited) .menu {
|
730
738
|
max-height: 21.37142857rem;
|
731
739
|
}
|
732
740
|
}
|
@@ -924,7 +932,7 @@ select.ui.dropdown {
|
|
924
932
|
|
925
933
|
/* Menu Item Hover */
|
926
934
|
.ui.dropdown .menu > .item:hover {
|
927
|
-
background:
|
935
|
+
background: #f2f2f2;
|
928
936
|
color: rgba(0, 0, 0, 0.95);
|
929
937
|
z-index: 13;
|
930
938
|
}
|
@@ -1006,7 +1014,7 @@ select.ui.dropdown {
|
|
1006
1014
|
/* Selected Item */
|
1007
1015
|
.ui.dropdown.selected,
|
1008
1016
|
.ui.dropdown .menu .selected.item {
|
1009
|
-
background:
|
1017
|
+
background: #f7f7f7;
|
1010
1018
|
color: rgba(0, 0, 0, 0.95);
|
1011
1019
|
}
|
1012
1020
|
|
@@ -1278,9 +1286,9 @@ select.ui.dropdown {
|
|
1278
1286
|
}
|
1279
1287
|
|
1280
1288
|
/* Selection */
|
1281
|
-
.ui.ui.upward.selection.dropdown .menu {
|
1282
|
-
border-top-width: 1px
|
1283
|
-
border-bottom-width: 0
|
1289
|
+
.ui.ui.upward.selection.dropdown:not(.pointing):not(.floating) .menu {
|
1290
|
+
border-top-width: 1px;
|
1291
|
+
border-bottom-width: 0;
|
1284
1292
|
box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
|
1285
1293
|
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
1286
1294
|
}
|
@@ -1289,13 +1297,15 @@ select.ui.dropdown {
|
|
1289
1297
|
}
|
1290
1298
|
|
1291
1299
|
/* Active Upward */
|
1292
|
-
.ui.active.upward.selection.dropdown {
|
1300
|
+
.ui.active.upward.selection.dropdown:not(.pointing):not(.floating) {
|
1293
1301
|
border-radius: 0 0 0.28571429rem 0.28571429rem !important;
|
1294
1302
|
}
|
1295
1303
|
|
1296
1304
|
/* Visible Upward */
|
1297
1305
|
.ui.upward.selection.dropdown.visible {
|
1298
1306
|
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
|
1307
|
+
}
|
1308
|
+
.ui.upward.selection.dropdown.visible:not(.pointing):not(.floating) {
|
1299
1309
|
border-radius: 0 0 0.28571429rem 0.28571429rem !important;
|
1300
1310
|
}
|
1301
1311
|
|
@@ -1303,7 +1313,7 @@ select.ui.dropdown {
|
|
1303
1313
|
.ui.upward.active.selection.dropdown:hover {
|
1304
1314
|
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
|
1305
1315
|
}
|
1306
|
-
.ui.upward.active.selection.dropdown:hover .menu {
|
1316
|
+
.ui.upward.active.selection.dropdown:hover:not(.pointing):not(.floating) .menu {
|
1307
1317
|
box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
|
1308
1318
|
}
|
1309
1319
|
|
@@ -1577,6 +1587,19 @@ select.ui.dropdown {
|
|
1577
1587
|
background: #fff;
|
1578
1588
|
z-index: 2;
|
1579
1589
|
}
|
1590
|
+
@supports selector(:has(.f)) {
|
1591
|
+
.ui.pointing.dropdown:not(.upward) .menu:has(:first-child:hover)::after,
|
1592
|
+
.ui.upward.pointing.dropdown .menu:has(:last-child:hover)::after {
|
1593
|
+
background: #f2f2f2;
|
1594
|
+
}
|
1595
|
+
.ui.pointing.dropdown:not(.upward) .menu:has(.selected.item:first-child)::after,
|
1596
|
+
.ui.upward.pointing.dropdown .menu:has(.selected.item:last-child)::after {
|
1597
|
+
background: #f7f7f7;
|
1598
|
+
}
|
1599
|
+
}
|
1600
|
+
.ui.selection.pointing.dropdown > .menu::after {
|
1601
|
+
box-shadow: -1px -1px 0 0 #96c8da;
|
1602
|
+
}
|
1580
1603
|
.ui.pointing.dropdown > .menu:not(.hidden)::after {
|
1581
1604
|
top: -0.25em;
|
1582
1605
|
left: 50%;
|
@@ -1721,6 +1744,9 @@ select.ui.dropdown {
|
|
1721
1744
|
box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
|
1722
1745
|
margin: -0.25em 0 0;
|
1723
1746
|
}
|
1747
|
+
.ui.selection.pointing.upward.dropdown .menu::after {
|
1748
|
+
box-shadow: 1px 1px 0 0 #96c8da;
|
1749
|
+
}
|
1724
1750
|
|
1725
1751
|
/* Right Pointing Upward */
|
1726
1752
|
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
|
@@ -1747,6 +1773,16 @@ select.ui.dropdown {
|
|
1747
1773
|
margin: 0 0 1em 0;
|
1748
1774
|
box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
|
1749
1775
|
}
|
1776
|
+
.ui.floating.dropdown .menu .item:first-child,
|
1777
|
+
.ui.pointing.dropdown .menu .item:first-child {
|
1778
|
+
border-top-left-radius: 0.28571429rem;
|
1779
|
+
border-top-right-radius: 0.28571429rem;
|
1780
|
+
}
|
1781
|
+
.ui.floating.dropdown .menu .item:last-child,
|
1782
|
+
.ui.pointing.dropdown .menu .item:last-child {
|
1783
|
+
border-bottom-left-radius: 0.28571429rem;
|
1784
|
+
border-bottom-right-radius: 0.28571429rem;
|
1785
|
+
}
|
1750
1786
|
|
1751
1787
|
/* --------------------
|
1752
1788
|
Sizes
|
@@ -1807,13 +1843,13 @@ select.ui.dropdown {
|
|
1807
1843
|
}
|
1808
1844
|
.ui.dropdown .inverted.menu > .item:hover,
|
1809
1845
|
.ui.inverted.dropdown .menu > .item:hover {
|
1810
|
-
background:
|
1846
|
+
background: #2d2e2f;
|
1811
1847
|
color: rgba(255, 255, 255, 0.8);
|
1812
1848
|
}
|
1813
1849
|
.ui.inverted.dropdown.selected,
|
1814
1850
|
.ui.dropdown .inverted.menu .selected.item,
|
1815
1851
|
.ui.inverted.dropdown .menu .selected.item {
|
1816
|
-
background:
|
1852
|
+
background: #3d3e3f;
|
1817
1853
|
color: rgba(255, 255, 255, 0.8);
|
1818
1854
|
}
|
1819
1855
|
.ui.dropdown .inverted.menu > .header,
|
@@ -1951,6 +1987,19 @@ select.ui.dropdown {
|
|
1951
1987
|
background: #1b1c1d;
|
1952
1988
|
box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
|
1953
1989
|
}
|
1990
|
+
.ui.inverted.upward.pointing.dropdown > .menu::after {
|
1991
|
+
box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.15);
|
1992
|
+
}
|
1993
|
+
@supports selector(:has(.f)) {
|
1994
|
+
.ui.inverted.pointing.dropdown:not(.upward) .menu:has(:first-child:hover)::after,
|
1995
|
+
.ui.inverted.upward.pointing.dropdown .menu:has(:last-child:hover)::after {
|
1996
|
+
background: #2d2e2f;
|
1997
|
+
}
|
1998
|
+
.ui.inverted.pointing.dropdown:not(.upward) .menu:has(.selected.item:first-child)::after,
|
1999
|
+
.ui.inverted.upward.pointing.dropdown .menu:has(.selected.item:last-child)::after {
|
2000
|
+
background: #3d3e3f;
|
2001
|
+
}
|
2002
|
+
}
|
1954
2003
|
|
1955
2004
|
|
1956
2005
|
/*******************************
|