fomantic-ui 2.9.3-beta.19 → 2.9.3-beta.20

package/src/definitions/modules/dropdown.less

@@ -1328,8 +1328,8 @@ select.ui.dropdown {
         margin: 0 !important;
         border-top: @menuBorder;
     }
-    .ui.scrolling.dropdown .menu .item.item.item,
-    .ui.dropdown .scrolling.menu > .item.item.item {
+    .ui.ui.ui.scrolling.dropdown .menu .item,
+    .ui.ui.ui.dropdown .scrolling.menu > .item {
         border-top: @scrollingMenuItemBorder;
     }
     .ui.scrolling.dropdown .menu .item:first-child,
@@ -1354,24 +1354,55 @@ select.ui.dropdown {
         .ui.dropdown .scrolling.menu {
             max-height: @scrollingMobileMaxMenuHeight;
         }
+        & when (@variationDropdownResizable) {
+            .ui.scrolling.resizable.dropdown .menu,
+            .ui.dropdown .scrolling.resizable.menu {
+                height: @scrollingMobileMaxMenuHeight;
+            }
+        }
     }
     @media only screen and (min-width: @tabletBreakpoint) {
         .ui.scrolling.dropdown .menu,
         .ui.dropdown .scrolling.menu {
             max-height: @scrollingTabletMaxMenuHeight;
         }
+        & when (@variationDropdownResizable) {
+            .ui.scrolling.resizable.dropdown .menu,
+            .ui.dropdown .scrolling.resizable.menu {
+                height: @scrollingTabletMaxMenuHeight;
+            }
+        }
     }
     @media only screen and (min-width: @computerBreakpoint) {
         .ui.scrolling.dropdown .menu,
         .ui.dropdown .scrolling.menu {
             max-height: @scrollingComputerMaxMenuHeight;
         }
+        & when (@variationDropdownResizable) {
+            .ui.scrolling.resizable.dropdown .menu,
+            .ui.dropdown .scrolling.resizable.menu {
+                height: @scrollingComputerMaxMenuHeight;
+            }
+        }
     }
     @media only screen and (min-width: @widescreenMonitorBreakpoint) {
         .ui.scrolling.dropdown .menu,
         .ui.dropdown .scrolling.menu {
             max-height: @scrollingWidescreenMaxMenuHeight;
         }
+        & when (@variationDropdownResizable) {
+            .ui.scrolling.resizable.dropdown .menu,
+            .ui.dropdown .scrolling.resizable.menu {
+                height: @scrollingWidescreenMaxMenuHeight;
+            }
+        }
+    }
+    & when (@variationDropdownResizable) {
+        .ui.scrolling.resizable.dropdown .menu,
+        .ui.dropdown .scrolling.resizable.menu {
+            resize: @resizableDirection;
+            max-height: none;
+        }
     }
 }
 

package/src/definitions/modules/modal.less

@@ -481,6 +481,12 @@
         overflow: auto;
         overscroll-behavior: @overscrollBehavior;
     }
+    & when (@variationTableResizable) {
+        .ui.modal > .resizable.scrolling.content {
+            resize: @resizableDirection;
+            max-height: none;
+        }
+    }
 }
 
 & when (@variationModalOverlay) {

package/src/definitions/modules/search.less

@@ -394,21 +394,39 @@
     @media only screen and (max-width: @largestMobileScreen) {
         .ui.scrolling.search > .results {
             max-height: @scrollingMobileMaxResultsHeight;
+            .resizable& when (@variationSearchResizable) {
+                height: @scrollingMobileMaxResultsHeight;
+            }
         }
     }
     @media only screen and (min-width: @tabletBreakpoint) {
         .ui.scrolling.search > .results {
             max-height: @scrollingTabletMaxResultsHeight;
+            .resizable& when (@variationSearchResizable) {
+                height: @scrollingTabletMaxResultsHeight;
+            }
         }
     }
     @media only screen and (min-width: @computerBreakpoint) {
         .ui.scrolling.search > .results {
             max-height: @scrollingComputerMaxResultsHeight;
+            .resizable& when (@variationSearchResizable) {
+                height: @scrollingComputerMaxResultsHeight;
+            }
         }
     }
     @media only screen and (min-width: @widescreenMonitorBreakpoint) {
         .ui.scrolling.search > .results {
             max-height: @scrollingWidescreenMaxResultsHeight;
+            .resizable& when (@variationSearchResizable) {
+                height: @scrollingWidescreenMaxResultsHeight;
+            }
+        }
+    }
+    & when (@variationSearchResizable) {
+        .ui.scrolling.resizable.search > .results {
+            resize: @resizableDirection;
+            max-height: none;
         }
     }
 }

package/src/themes/default/collections/table.variables

@@ -294,3 +294,6 @@
 @small: 0.9em;
 @medium: 1em;
 @large: 1.1em;
+
+/* Resizable */
+@resizableDirection: vertical;

package/src/themes/default/elements/container.variables

@@ -60,3 +60,6 @@
 @textFontFamily: @pageFont;
 @textLineHeight: 1.5;
 @textSize: @large;
+
+/* Resizable */
+@resizableDirection: vertical;

package/src/themes/default/elements/segment.variables

@@ -152,3 +152,6 @@
         rgba(255, 255, 255, @tertiaryInvertedLightness) 100%
     );
 @tertiaryInvertedColor: @invertedMutedTextColor;
+
+/* Resizable */
+@resizableDirection: vertical;

package/src/themes/default/globals/variation.variables

@@ -51,6 +51,7 @@
 @variationContainerFluid: true;
 @variationContainerAligned: true;
 @variationContainerJustified: true;
+@variationContainerResizable: true;
 @variationContainerScrolling: true;
 @variationContainerScrollingShort: true;
 @variationContainerScrollingVeryShort: true;
@@ -235,6 +236,7 @@
 @variationSegmentAttached: true;
 @variationSegmentSeamless: true;
 @variationSegmentFitted: true;
+@variationSegmentResizable: true;
 @variationSegmentScrolling: true;
 @variationSegmentScrollingShort: true;
 @variationSegmentScrollingVeryShort: true;
@@ -372,6 +374,7 @@
 @variationTableMarked: true;
 @variationTableEqualWidth: true;
 @variationTableWide: true;
+@variationTableResizable: true;
 @variationTableScrolling: true;
 @variationTableScrollingShort: true;
 @variationTableScrollingVeryShort: true;
@@ -546,6 +549,7 @@
 @variationDropdownLeft: true;
 @variationDropdownUpward: true;
 @variationDropdownSimple: true;
+@variationDropdownResizable: true;
 @variationDropdownScrolling: true;
 @variationDropdownFluid: true;
 @variationDropdownFloating: true;
@@ -581,6 +585,7 @@
 @variationModalFullscreen: true;
 @variationModalOverlay: true;
 @variationModalAligned: true;
+@variationModalResizable: true;
 @variationModalScrolling: true;
 @variationModalLegacy: true;
 @variationModalCloseInside: true;
@@ -653,6 +658,7 @@
 @variationSearchVeryShort: true;
 @variationSearchLong: true;
 @variationSearchVeryLong: true;
+@variationSearchResizable: true;
 @variationSearchScrolling: true;
 @variationSearchSizes: @variationAllSizes;
 

package/src/themes/default/modules/dropdown.variables

@@ -474,3 +474,6 @@
 /* Scrollhint */
 @invertedScrollhintStartColor: rgba(255, 255, 255, 0.75);
 @invertedScrollhintEndColor: rgba(255, 255, 255, 0);
+
+/* Resizable */
+@resizableDirection: vertical;

package/src/themes/default/modules/modal.variables

@@ -261,3 +261,6 @@
     1px -1px 2px rgba(255, 255, 255, 0.3),
     -1px 2px 2px rgba(255, 255, 255, 0.3),
     1px 2px 2px rgba(255, 255, 255, 0.3);
+
+/* Resizable */
+@resizableDirection: vertical;

package/src/themes/default/modules/search.variables

@@ -174,3 +174,6 @@
 @bigSearchSize: @relativeBig;
 @hugeSearchSize: @relativeHuge;
 @massiveSearchSize: @relativeMassive;
+
+/* Resizable */
+@resizableDirection: vertical;