rbbt-rest 1.6.13 → 1.6.14

data/share/views/public/plugins/semantic-ui/src/definitions/modules/dropdown.less

@@ -1,14 +1,15 @@
-/*
- * # Semantic - Dropdown
+/*!
+ * # Semantic UI - Dropdown
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributor
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 
+
 /*******************************
             Theme
 *******************************/
@@ -16,8 +17,7 @@
 @type    : 'module';
 @element : 'dropdown';
 
-@import '../../theme.config';
-
+@import (multiple) '../../theme.config';
 
 /*******************************
             Dropdown
@@ -27,20 +27,18 @@
   cursor: pointer;
   position: relative;
   display: inline-block;
-  line-height: 1em;
   tap-highlight-color: rgba(0, 0, 0, 0);
   outline: none;
   text-align: left;
   transition: @transition;
 }
 
-
 /*******************************
             Content
 *******************************/
 
 /*--------------
-     Menu
+      Menu
 ---------------*/
 
 .ui.dropdown .menu {
@@ -49,15 +47,14 @@
   display: none;
   outline: none;
   top: 100%;
+  min-width: max-content;
   transition: @menuTransition;
 
   margin: @menuMargin;
   padding: @menuPadding;
   background: @menuBackground;
-  min-width: 100%;
 
-  white-space: @menuWrap;
-  font-size: 1rem;
+  font-size: @relativeMedium;
   text-shadow: none;
   text-align: @menuTextAlign;
 
@@ -69,11 +66,16 @@
   will-change: transform, opacity;
 }
 
+.ui.dropdown .menu > * {
+  white-space: nowrap;
+}
+
+
 /*--------------
   Hidden Input
 ---------------*/
 
-.ui.dropdown > input[type="hidden"],
+.ui.dropdown > input:not(.search):first-child,
 .ui.dropdown > select {
   display: none !important;
 }
@@ -83,6 +85,7 @@
 ---------------*/
 
 .ui.dropdown > .dropdown.icon {
+  position: relative;
   width: auto;
   margin: @dropdownIconMargin;
 }
@@ -91,6 +94,9 @@
   float: @itemDropdownIconFloat;
   margin: @itemDropdownIconMargin;
 }
+.ui.dropdown .menu > .item .dropdown.icon + .text {
+  margin-right: @itemDropdownIconDistance;
+}
 
 
 /*--------------
@@ -112,13 +118,14 @@
   display: block;
   border: @itemBorder;
   height: @itemHeight;
+  text-align: @itemTextAlign;
 
   border-top: @itemDivider;
   line-height: @itemLineHeight;
   font-size: @itemFontSize;
   color: @itemColor;
 
-  padding: @itemVerticalPadding @itemHorizontalPadding !important;
+  padding: @itemPadding !important;
   font-size: @itemFontSize;
   text-transform: @itemTextTransform;
   font-weight: @itemFontWeight;
@@ -126,7 +133,7 @@
   -webkit-touch-callout: none;
 }
 .ui.dropdown .menu > .item:first-child {
-  border-top: none;
+  border-top-width: 0px;
 }
 
 /*--------------
@@ -135,15 +142,15 @@
 
 .ui.dropdown > .text > [class*="right floated"],
 .ui.dropdown .menu .item > [class*="right floated"] {
-  float: right;
-  margin-right: 0em;
-  margin-left: @floatedDistance;
+  float: right !important;
+  margin-right: 0em !important;
+  margin-left: @floatedDistance !important;
 }
 .ui.dropdown > .text > [class*="left floated"],
 .ui.dropdown .menu .item > [class*="left floated"] {
-  float: right;
-  margin-left: 0em;
-  margin-right: @floatedDistance;
+  float: left !important;
+  margin-left: 0em !important;
+  margin-right: @floatedDistance !important;
 }
 
 .ui.dropdown .menu .item > .icon.floated,
@@ -174,6 +181,8 @@
 }
 
 .ui.dropdown .menu > .input {
+  width: auto;
+  display: flex;
   margin: @menuInputMargin;
   min-width: @menuInputMinWidth;
 }
@@ -196,10 +205,22 @@
 
 .ui.dropdown > .text > .description,
 .ui.dropdown .menu > .item > .description {
+  float: @itemDescriptionFloat;
   margin: @itemDescriptionMargin;
   color: @itemDescriptionColor;
 }
 
+/*-----------------
+       Message
+-------------------*/
+
+.ui.dropdown .menu > .message {
+  padding: @messagePadding;
+  font-weight: @messageFontWeight;
+}
+.ui.dropdown .menu > .message:not(.ui) {
+  color: @messageColor;
+}
 
 /*--------------
     Sub Menu
@@ -219,11 +240,6 @@
   display: none;
 }
 
-
-/*******************************
-            Coupling
-*******************************/
-
 /*--------------
    Sub Elements
 ---------------*/
@@ -255,6 +271,7 @@
 .ui.dropdown .menu > .item > .image,
 .ui.dropdown .menu > .item > img  {
   margin-left: 0em;
+  float: @itemElementFloat;
   margin-right: @itemElementDistance;
 }
 
@@ -273,6 +290,11 @@
 }
 
 
+/*******************************
+            Coupling
+*******************************/
+
+
 /*--------------
       Menu
 ---------------*/
@@ -296,6 +318,15 @@
   right: 0em;
 }
 
+/*--------------
+      Label
+---------------*/
+
+/* Dropdown Menu */
+.ui.label.dropdown .menu {
+  min-width: 100%;
+}
+
 /*--------------
      Button
 ---------------*/
@@ -304,10 +335,8 @@
 .ui.dropdown.icon.button > .dropdown.icon {
   margin: 0em;
 }
-.ui.dropdown.button:not(.pointing):not(.floating).active,
-.ui.dropdown.button:not(.pointing):not(.floating).visible {
-  border-bottom-left-radius: 0em;
-  border-bottom-right-radius: 0em;
+.ui.button.dropdown .menu {
+  min-width: 100%;
 }
 
 
@@ -324,11 +353,13 @@
 .ui.selection.dropdown {
   cursor: pointer;
   word-wrap: break-word;
+  line-height: 1em;
   white-space: normal;
   outline: 0;
   transform: rotateZ(0deg);
 
   min-width: @selectionMinWidth;
+  min-height: @selectionMinHeight;
 
   background: @selectionBackground;
   display: @selectionDisplay;
@@ -345,21 +376,21 @@
 }
 
 select.ui.dropdown {
-  height: 38px;
-  padding: 0em;
-  margin: 0em;
-  visibility: hidden;
-}
-.ui.selection.dropdown > .text {
-  margin-right: @selectionTextIconDistance;
+  height: @selectHeight;
+  padding: @selectPadding;
+  border: @selectBorder;
+  visibility: @selectVisibility;
 }
 .ui.selection.dropdown > .search.icon,
 .ui.selection.dropdown > .delete.icon,
 .ui.selection.dropdown > .dropdown.icon {
+  cursor: pointer;
   position: absolute;
   top: auto;
-  margin: 0em;
   width: auto;
+  z-index: @selectionIconZIndex;
+  margin: @selectionIconMargin;
+  padding: @selectionIconPadding;
   right: @selectionHorizontalPadding;
   opacity: @selectionIconOpacity;
   transition: @selectionIconTransition;
@@ -370,27 +401,20 @@ select.ui.dropdown {
   min-width:  0px;
 }
 
-/* Remove Selection */
-.ui.selection.dropdown > .delete.icon {
-  opacity: 0.6;
-}
-.ui.selection.dropdown > .delete.icon:hover {
-  opacity: 1;
-}
-
-
 /*  Selection Menu */
 .ui.selection.dropdown .menu {
   overflow-x: hidden;
   overflow-y: auto;
   backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
-  border-top: none !important;
+  border-top-width: 0px !important;
   width: auto;
-  margin: 0px -1px;
-  min-width: ~"calc(100% + 2px)";
   outline: none;
+  margin: 0px -@menuBorderWidth;
+  min-width: @menuMinWidth;
+  width: @menuMinWidth;
 
+  border-radius: @selectionMenuBorderRadius;
   box-shadow: @selectionMenuBoxShadow;
   transition: @selectionMenuTransition;
 }
@@ -399,6 +423,14 @@ select.ui.dropdown {
   display: none;
 }
 
+/*--------------
+    Message
+---------------*/
+
+.ui.selection.dropdown .menu > .message {
+  padding: @selectionMessagePadding;
+}
+
 @media only screen and (max-width : @largestMobileScreen) {
   .ui.selection.dropdown .menu {
     max-height: @selectionMobileMaxMenuHeight;
@@ -423,9 +455,7 @@ select.ui.dropdown {
 /* Menu Item */
 .ui.selection.dropdown .menu > .item {
   border-top: @selectionItemDivider;
-  padding-left: @selectionHorizontalPadding !important;
-  /* Add in spacing for scroll bar */
-  padding-right: calc(@selectionHorizontalPadding + 1em) !important;
+  padding: @selectionItemPadding !important;
   white-space: normal;
   word-wrap: normal;
 }
@@ -436,36 +466,51 @@ select.ui.dropdown {
   box-shadow: @selectionHoverBoxShadow;
 }
 
-/* Visible Hover */
-.ui.selection.visible.dropdown:hover {
-  border-color: @selectionVisibleHoverBorderColor;
-  box-shadow: @selectionVisibleHoverBoxShadow;
+/* Active */
+.ui.selection.active.dropdown {
+  border-color: @selectionVisibleBorderColor;
+  box-shadow: @selectionVisibleBoxShadow;
 }
-.ui.selection.visible.dropdown:hover .menu {
-  border: @selectionVisibleHoverMenuBorder;
-  box-shadow: @selectionVisibleHoverMenuBoxShadow;
+.ui.selection.active.dropdown .menu {
+  border-color: @selectionVisibleBorderColor;
+  box-shadow: @selectionVisibleMenuBoxShadow;
 }
 
-/* Visible */
-.ui.selection.dropdown.visible {
-  border-color: @selectionVisibleBorderColor;
-  box-shadow: @selectionVisibleBoxShadow;
+/* Focus */
+.ui.selection.dropdown:focus {
+  border-color: @selectionFocusBorderColor;
+  box-shadow: @selectionFocusBoxShadow;
 }
-.ui.visible.selection.dropdown > .dropdown.icon {
-  opacity: @selectionVisibleIconOpacity;
+.ui.selection.dropdown:focus .menu {
+  border-color: @selectionFocusBorderColor;
+  box-shadow: @selectionFocusMenuBoxShadow;
 }
 
-/* Active Item */
-.ui.selection.active.dropdown > .text:not(.default),
+/* Visible */
 .ui.selection.visible.dropdown > .text:not(.default) {
   font-weight: @selectionVisibleTextFontWeight;
   color: @selectionVisibleTextColor;
 }
 
+/* Visible Hover */
+.ui.selection.active.dropdown:hover {
+  border-color: @selectionActiveHoverBorderColor;
+  box-shadow: @selectionActiveHoverBoxShadow;
+}
+.ui.selection.active.dropdown:hover .menu {
+  border-color: @selectionActiveHoverBorderColor;
+  box-shadow: @selectionActiveHoverMenuBoxShadow;
+}
+
+/* Dropdown Icon */
+.ui.active.selection.dropdown > .dropdown.icon,
+.ui.visible.selection.dropdown > .dropdown.icon {
+  opacity: @selectionVisibleIconOpacity;
+  z-index: 3;
+}
 
 /* Connecting Border */
-.ui.active.selection.dropdown,
-.ui.visible.selection.dropdown {
+.ui.active.selection.dropdown {
   border-bottom-left-radius: @selectionVisibleConnectingBorder !important;
   border-bottom-right-radius: @selectionVisibleConnectingBorder !important;
 }
@@ -481,32 +526,52 @@ select.ui.dropdown {
 
 /* Search Dropdown */
 .ui.search.dropdown > input.search {
+  background: none transparent !important;
+  border: none !important;
+  box-shadow: none !important;
   cursor: pointer;
-  background: none transparent;
-  border: none;
-  cursor: pointer;
-  position: absolute;
-  border-radius: 0em !important;
   top: 0em;
   left: 0em;
   width: 100%;
   outline: none;
-  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
-  padding: inherit; /*Amazing trick */
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  padding: inherit;
+}
+
+/* Text Layering */
+.ui.search.dropdown > input.search {
+  position: absolute;
+  z-index: 2;
+}
+.ui.search.dropdown > .text {
+  cursor: text;
+  position: relative;
+  z-index: 3;
 }
 
 /* Search Selection */
 .ui.search.selection.dropdown > input.search {
   line-height: @searchSelectionLineHeight;
+  padding: @searchSelectionInputPadding;
 }
 
-
+/* Active/Visible Search */
 .ui.search.dropdown.active > input.search,
 .ui.search.dropdown.visible > input.search {
   cursor: auto;
 }
-.ui.active.search.dropdown > input.search:focus + .text {
-  color: @unselectedTextColor !important;
+.ui.search.dropdown.active > .text,
+.ui.search.dropdown.visible > .text {
+  pointer-events: none;
+}
+
+/* Filtered Text */
+.ui.active.search.dropdown input.search:focus + .text .icon,
+.ui.active.search.dropdown input.search:focus + .text .flag {
+  opacity: @selectionTextUnderlayIconOpacity;
+}
+.ui.active.search.dropdown input.search:focus + .text {
+  color: @selectionTextUnderlayColor !important;
 }
 
 /* Search Menu */
@@ -537,6 +602,83 @@ select.ui.dropdown {
   }
 }
 
+/*--------------
+    Multiple
+---------------*/
+
+/* Multiple Selection */
+.ui.multiple.dropdown {
+  padding: @multipleSelectionPadding;
+}
+.ui.multiple.dropdown .menu {
+  cursor: auto;
+}
+
+/* Multiple Search Selection */
+.ui.multiple.search.dropdown,
+.ui.multiple.search.dropdown > input.search {
+  cursor: text;
+}
+
+/* Selection Label */
+.ui.multiple.dropdown > .label {
+  user-select: none;
+  display: inline-block;
+  vertical-align: baseline;
+  white-space: normal;
+  font-size: @labelSize;
+  padding: @labelPadding;
+  margin: @labelMargin;
+  box-shadow: @labelBoxShadow;
+}
+
+/* Dropdown Icon */
+.ui.multiple.dropdown .dropdown.icon {
+  margin: @multipleSelectionDropdownIconMargin;
+  padding: @multipleSelectionDropdownIconPadding;
+}
+
+/* Text */
+.ui.multiple.dropdown > .text {
+  position: static;
+  padding: 0;
+  max-width: 100%;
+  margin: @multipleSelectionChildMargin;
+  line-height: @multipleSelectionChildLineHeight;
+}
+.ui.multiple.dropdown > .label ~ .text {
+  display: none;
+}
+
+/*-----------------
+  Multiple Search
+-----------------*/
+
+/* Prompt Text */
+.ui.multiple.search.dropdown > .text {
+  display: inline-block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: inherit;
+  margin: @multipleSelectionChildMargin;
+  line-height: @multipleSelectionChildLineHeight;
+}
+
+.ui.multiple.search.dropdown > .label ~ .text {
+  display: none;
+}
+
+/* Search */
+.ui.multiple.search.dropdown > input.search {
+  position: static;
+  padding: 0;
+  max-width: 100%;
+  margin: @multipleSelectionChildMargin;
+  width: @multipleSelectionSearchStartWidth;
+  line-height: @multipleSelectionChildLineHeight;
+}
+
 
 /*--------------
      Inline
@@ -549,7 +691,7 @@ select.ui.dropdown {
 }
 .ui.inline.dropdown .dropdown.icon {
   margin: @inlineIconMargin;
-  vertical-align: top;
+  vertical-align: baseline;
 }
 .ui.inline.dropdown > .text {
   font-weight: @inlineTextFontWeight;
@@ -566,6 +708,19 @@ select.ui.dropdown {
 *******************************/
 
 
+/*--------------------
+        Active
+----------------------*/
+
+/* Menu Item Active */
+.ui.dropdown .menu .active.item {
+  background: @activeItemBackground;
+  font-weight: @activeItemFontWeight;
+  color: @activeItemColor;
+  box-shadow: @activeItemBoxShadow;
+  z-index: @activeItemZIndex;
+}
+
 /*--------------------
         Hover
 ----------------------*/
@@ -574,22 +729,77 @@ select.ui.dropdown {
 .ui.dropdown .menu > .item:hover {
   background: @hoveredItemBackground;
   color: @hoveredItemColor;
-  z-index: 12;
+  z-index: @hoveredZIndex;
 }
 
 /*--------------------
-        Active
-----------------------*/
+       Loading
+---------------------*/
 
-/* Menu Item Active */
-.ui.dropdown .menu .active.item {
-  background: @activeItemBackground;
-  font-weight: @activeItemFontWeight;
-  color: @activeItemColor;
-  box-shadow: @activeItemBoxShadow;
-  z-index: @activeItemZIndex;
+/* Positioning */
+.ui.loading.dropdown > i.icon:before,
+.ui.loading.dropdown > i.icon:after {
+  left: 30% !important;
+}
+.ui.loading.dropdown > i.icon {
+  top: 50% !important;
+}
+.ui.multiple.loading.dropdown > i.icon:before,
+.ui.multiple.loading.dropdown > i.icon:after {
+  top: 0% !important;
+  left: 0% !important;
+}
+
+.ui.loading.dropdown > i.icon:before {
+  position: absolute;
+  content: '';
+  top: 50%;
+  left: 50%;
+
+  margin: @loaderMargin;
+  width: @loaderSize;
+  height: @loaderSize;
+
+  border-radius: @circularRadius;
+  border: @loaderLineWidth solid @loaderFillColor;
+}
+.ui.loading.dropdown > i.icon:after {
+  position: absolute;
+  content: '';
+  top: 50%;
+  left: 50%;
+  box-shadow: 0px 0px 0px 1px transparent;
+
+  margin: @loaderMargin;
+  width: @loaderSize;
+  height: @loaderSize;
+
+  animation: dropdown-spin @loaderSpeed linear;
+  animation-iteration-count: infinite;
+
+  border-radius: @circularRadius;
+
+  border-color: @loaderLineColor transparent transparent;
+  border-style: solid;
+  border-width: @loaderLineWidth;
+}
+
+/* Coupling */
+.ui.loading.dropdown.button > i.icon:before,
+.ui.loading.dropdown.button > i.icon:after {
+  display: none;
+}
+
+@keyframes dropdown-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
 
+
 /*--------------------
      Default Text
 ----------------------*/
@@ -611,6 +821,13 @@ select.ui.dropdown {
   transition: none;
 }
 
+/* Used To Check Position */
+.ui.dropdown .loading.menu {
+  display: block;
+  visibility: hidden;
+  z-index: @loadingZIndex;
+}
+
 /*--------------------
     Keyboard Select
 ----------------------*/
@@ -632,7 +849,7 @@ select.ui.dropdown {
   visibility: hidden;
 }
 .ui.dropdown .filtered.item {
-  display: none;
+  display: none !important;
 }
 
 
@@ -650,7 +867,6 @@ select.ui.dropdown {
   background: @errorBackgroundColor;
   border-color: @errorBorderColor;
 }
-
 .ui.selection.dropdown.error:hover {
   border-color: @errorBorderColor;
 }
@@ -659,10 +875,12 @@ select.ui.dropdown {
 .ui.dropdown.error > .menu .menu {
   border-color: @errorBorderColor;
 }
-
 .ui.dropdown.error > .menu > .item {
   color: @errorItemTextColor;
 }
+.ui.multiple.selection.error.dropdown > .label {
+  border-color: @errorBorderColor;
+}
 
 /* Item Hover */
 .ui.dropdown.error > .menu > .item:hover {
@@ -675,6 +893,20 @@ select.ui.dropdown {
 }
 
 
+
+/*--------------------
+        Disabled
+----------------------*/
+
+/* Disabled */
+.ui.disabled.dropdown,
+.ui.dropdown .menu > .disabled.item {
+  cursor: default;
+  pointer-events: none;
+  opacity: @disabledOpacity;
+}
+
+
 /*******************************
            Variations
 *******************************/
@@ -689,6 +921,173 @@ select.ui.dropdown {
 }
 
 
+/* Default Side (Right) */
+.ui.dropdown .right.menu > .menu,
+.ui.dropdown .menu .right.menu {
+  left: 100% !important;
+  right: auto !important;
+  border-radius: @subMenuBorderRadius !important;
+}
+
+/* Left Flyout Menu */
+.ui.dropdown > .left.menu .menu,
+.ui.dropdown .menu .left.menu {
+  left: auto !important;
+  right: 100% !important;
+  border-radius: @leftSubMenuBorderRadius !important;
+}
+
+.ui.dropdown .item .left.dropdown.icon,
+.ui.dropdown .left.menu .item .dropdown.icon {
+  width: auto;
+  float: @leftMenuDropdownIconFloat;
+  margin: @leftMenuDropdownIconMargin;
+}
+.ui.dropdown .item .left.dropdown.icon,
+.ui.dropdown .left.menu .item .dropdown.icon {
+  width: auto;
+  float: @leftMenuDropdownIconFloat;
+  margin: @leftMenuDropdownIconMargin;
+}
+.ui.dropdown .item .left.dropdown.icon + .text,
+.ui.dropdown .left.menu .item .dropdown.icon + .text {
+  margin-left: @itemDropdownIconDistance;
+}
+
+
+/*--------------
+     Upward
+---------------*/
+
+/* Upward Main Menu */
+.ui.upward.dropdown > .menu {
+  top: auto;
+  bottom: 100%;
+  box-shadow: @upwardMenuBoxShadow;
+  border-radius: @upwardMenuBorderRadius;
+}
+
+/* Upward Sub Menu */
+.ui.dropdown .upward.menu {
+  top: auto !important;
+  bottom: 0 !important;
+}
+
+/* Active Upward */
+.ui.simple.upward.active.dropdown,
+.ui.simple.upward.dropdown:hover {
+  border-radius: @borderRadius @borderRadius 0em 0em !important;
+}
+.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
+  border-radius: @borderRadius @borderRadius 0em 0em;
+}
+
+/* Selection */
+.ui.upward.selection.dropdown .menu {
+  border-top-width: @menuBorderWidth !important;
+  border-bottom-width: 0px !important;
+  box-shadow: @upwardSelectionMenuBoxShadow;
+}
+.ui.upward.selection.dropdown:hover {
+  box-shadow: @upwardSelectionHoverBoxShadow;
+}
+
+/* Active Upward */
+.ui.active.upward.selection.dropdown {
+  border-radius: @upwardSelectionVisibleBorderRadius !important;
+}
+
+/* Visible Upward */
+.ui.upward.selection.dropdown.visible {
+  box-shadow: @upwardSelectionVisibleBoxShadow;
+  border-radius: @upwardSelectionVisibleBorderRadius !important;
+}
+
+/* Visible Hover Upward */
+.ui.upward.active.selection.dropdown:hover {
+  box-shadow: @upwardSelectionActiveHoverBoxShadow;
+}
+.ui.upward.active.selection.dropdown:hover .menu {
+  box-shadow: @upwardSelectionActiveHoverMenuBoxShadow;
+}
+
+/*--------------
+     Simple
+---------------*/
+
+/*  Selection Menu */
+.ui.scrolling.dropdown .menu,
+.ui.dropdown .scrolling.menu {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.ui.scrolling.dropdown .menu {
+  overflow-x: hidden;
+  overflow-y: auto;
+  backface-visibility: hidden;
+  -webkit-overflow-scrolling: touch;
+  min-width: 100% !important;
+  width: auto !important;
+}
+
+.ui.dropdown .scrolling.menu {
+  position: static;
+  overflow-y: auto;
+  border: none;
+  box-shadow: none !important;
+  border-radius: 0 !important;
+  margin: 0 !important;
+  min-width: 100% !important;
+  width: auto !important;
+  border-top: @menuBorder;
+}
+.ui.scrolling.dropdown .menu .item.item.item,
+.ui.dropdown .scrolling.menu > .item.item.item {
+  border-top: @scrollingMenuItemBorder;
+  padding-right: @scrollingMenuRightItemPadding !important;
+}
+.ui.scrolling.dropdown .menu .item:first-child,
+.ui.dropdown .scrolling.menu .item:first-child {
+  border-top: none;
+}
+.ui.dropdown > .animating.menu .scrolling.menu,
+.ui.dropdown > .visible.menu .scrolling.menu {
+  display: block;
+}
+
+/* Scrollbar in IE */
+@media all and (-ms-high-contrast:none) {
+  .ui.scrolling.dropdown .menu,
+  .ui.dropdown .scrolling.menu {
+    min-width: ~"calc(100% - "@scrollbarWidth~")";
+  }
+}
+@media only screen and (max-width : @largestMobileScreen) {
+  .ui.scrolling.dropdown .menu,
+  .ui.dropdown .scrolling.menu {
+    max-height: @scrollingMobileMaxMenuHeight;
+  }
+}
+@media only screen and (min-width: @tabletBreakpoint) {
+  .ui.scrolling.dropdown .menu,
+  .ui.dropdown .scrolling.menu {
+    max-height: @scrollingTabletMaxMenuHeight;
+  }
+}
+@media only screen and (min-width: @computerBreakpoint) {
+  .ui.scrolling.dropdown .menu,
+  .ui.dropdown .scrolling.menu {
+    max-height: @scrollingComputerMaxMenuHeight;
+  }
+}
+@media only screen and (min-width: @widescreenMonitorBreakpoint) {
+  .ui.scrolling.dropdown .menu,
+  .ui.dropdown .scrolling.menu {
+    max-height: @scrollingWidescreenMaxMenuHeight;
+  }
+}
+
 /*--------------
      Simple
 ---------------*/
@@ -766,16 +1165,18 @@ select.ui.dropdown {
 .ui.floating.dropdown .menu {
   left: 0;
   right: auto;
+  box-shadow: @floatingMenuBoxShadow !important;
+  border-radius: @floatingMenuBorderRadius !important;
+}
+.ui.floating.dropdown > .menu {
   margin-top: @floatingMenuDistance !important;
-  box-shadow: @floatingMenuBoxShadow;
-  border-radius: @floatingMenuBorderRadius;
+  border-radius: @floatingMenuBorderRadius !important;
 }
 
 /*--------------
      Pointing
 ---------------*/
 
-
 .ui.pointing.dropdown > .menu {
   top: 100%;
   margin-top: @pointingMenuDistance;
@@ -911,4 +1312,4 @@ select.ui.dropdown {
   right: @pointingArrowDistanceFromEdge;
 }
 
-.loadUIOverrides();
+.loadUIOverrides();