fomantic-ui-sass 2.9.1 → 2.9.3

data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Dropdown
+ * # Fomantic-UI 2.9.3 - Dropdown
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -403,24 +403,35 @@ select.ui.dropdown {
 .ui.compact.selection.dropdown {
   min-width: 0;
 }
+.ui.compact.selection.dropdown > .menu {
+  width: auto;
+}
+.ui.compact.selection.dropdown > .menu:not(.multiline) {
+  width: -webkit-max-content;
+  width: max-content;
+}
 
 /* Selection Menu */
-.ui.selection.dropdown .menu {
+.ui.selection.dropdown:not(.unlimited) .menu {
   overflow-x: hidden;
   overflow-y: auto;
   -ms-scroll-chaining: none;
       overscroll-behavior: none;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
-  border-top-width: 0 !important;
+}
+.ui.selection.dropdown .menu {
   outline: none;
   margin: 0 -1px;
   min-width: calc(100% + 2px);
   width: calc(100% + 2px);
-  border-radius: 0 0 0.28571429rem 0.28571429rem;
   box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
   transition: opacity 0.1s ease;
 }
+.ui.selection.dropdown:not(.pointing):not(.floating) .menu {
+  border-top-width: 0;
+  border-radius: 0 0 0.28571429rem 0.28571429rem;
+}
 .ui.selection.dropdown .menu::after,
 .ui.selection.dropdown .menu::before {
   display: none;
@@ -439,7 +450,7 @@ select.ui.dropdown {
   .ui.selection.dropdown[class*="very short"] .menu {
     max-height: 4.00714286rem;
   }
-  .ui.selection.dropdown .menu {
+  .ui.selection.dropdown:not(.unlimited) .menu {
     max-height: 8.01428571rem;
   }
   .ui.selection.dropdown.long .menu {
@@ -456,7 +467,7 @@ select.ui.dropdown {
   .ui.selection.dropdown[class*="very short"] .menu {
     max-height: 5.34285714rem;
   }
-  .ui.selection.dropdown .menu {
+  .ui.selection.dropdown:not(.unlimited) .menu {
     max-height: 10.68571429rem;
   }
   .ui.selection.dropdown.long .menu {
@@ -473,7 +484,7 @@ select.ui.dropdown {
   .ui.selection.dropdown[class*="very short"] .menu {
     max-height: 8.01428571rem;
   }
-  .ui.selection.dropdown .menu {
+  .ui.selection.dropdown:not(.unlimited) .menu {
     max-height: 16.02857143rem;
   }
   .ui.selection.dropdown.long .menu {
@@ -490,7 +501,7 @@ select.ui.dropdown {
   .ui.selection.dropdown[class*="very short"] .menu {
     max-height: 10.68571429rem;
   }
-  .ui.selection.dropdown .menu {
+  .ui.selection.dropdown:not(.unlimited) .menu {
     max-height: 21.37142857rem;
   }
   .ui.selection.dropdown.long .menu {
@@ -508,6 +519,10 @@ select.ui.dropdown {
   white-space: normal;
   word-wrap: normal;
 }
+.ui.selection.pointing.dropdown .menu > .item:first-child,
+.ui.selection.floating.dropdown .menu > .item:first-child {
+  border-top: none;
+}
 
 /* User Item */
 .ui.selection.dropdown .menu > .hidden.addition.item {
@@ -575,7 +590,7 @@ select.ui.dropdown {
 }
 
 /* Connecting Border */
-.ui.active.selection.dropdown {
+.ui.active.selection.dropdown:not(.pointing):not(.floating) {
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
@@ -695,7 +710,7 @@ select.ui.dropdown {
 }
 
 /* Search Menu */
-.ui.search.dropdown .menu {
+.ui.search.dropdown:not(.unlimited) .menu {
   overflow-x: hidden;
   overflow-y: auto;
   -ms-scroll-chaining: none;
@@ -704,22 +719,22 @@ select.ui.dropdown {
           backface-visibility: hidden;
 }
 @media only screen and (max-width: 767.98px) {
-  .ui.search.dropdown .menu {
+  .ui.search.dropdown:not(.unlimited) .menu {
     max-height: 8.01428571rem;
   }
 }
 @media only screen and (min-width: 768px) {
-  .ui.search.dropdown .menu {
+  .ui.search.dropdown:not(.unlimited) .menu {
     max-height: 10.68571429rem;
   }
 }
 @media only screen and (min-width: 992px) {
-  .ui.search.dropdown .menu {
+  .ui.search.dropdown:not(.unlimited) .menu {
     max-height: 16.02857143rem;
   }
 }
 @media only screen and (min-width: 1920px) {
-  .ui.search.dropdown .menu {
+  .ui.search.dropdown:not(.unlimited) .menu {
     max-height: 21.37142857rem;
   }
 }
@@ -755,7 +770,7 @@ select.ui.dropdown {
 .ui.dropdown:not(.selection) > .remove.icon ~ .dropdown.icon {
   margin-left: 1.5em;
 }
-.ui.dropdown:not(.selection) > .remove.icon {
+.ui.dropdown:not(.selection):not(.multiple) > .remove.icon {
   margin-top: -1.35em;
 }
 
@@ -816,6 +831,16 @@ select.ui.dropdown {
   margin: -0.35714286em 0.78571429em -0.35714286em -0.78571429em;
   height: 1.71428571em;
 }
+.ui.multiple.dropdown:not(.selection):not(.labeled) > .dropdown.icon {
+  right: -1.5em;
+}
+.ui.multiple.dropdown:not(.selection):not(.labeled) > .remove.icon {
+  margin-right: -1.5em;
+}
+.ui.multiple.dropdown:not(.selection):not(.labeled):not(.search) > .remove.icon ~ .text.default,
+.ui.multiple.dropdown:not(.selection):not(.labeled) > .text.default:first-child {
+  overflow: inherit;
+}
 
 /* -----------------
           Multiple Search
@@ -853,6 +878,13 @@ select.ui.dropdown {
 .ui.multiple.search.dropdown.button {
   min-width: 14em;
 }
+.ui.multiple.search.dropdown > span.sizer {
+  display: none;
+}
+.ui.multiple.search.dropdown:not(.selection) > .remove.icon + input.search,
+.ui.multiple.search.dropdown:not(.selection) > input.search:first-child {
+  min-width: 5.05em;
+}
 
 /* --------------
          Inline
@@ -900,7 +932,7 @@ select.ui.dropdown {
 
 /* Menu Item Hover */
 .ui.dropdown .menu > .item:hover {
-  background: rgba(0, 0, 0, 0.05);
+  background: #f2f2f2;
   color: rgba(0, 0, 0, 0.95);
   z-index: 13;
 }
@@ -982,7 +1014,7 @@ select.ui.dropdown {
 /* Selected Item */
 .ui.dropdown.selected,
 .ui.dropdown .menu .selected.item {
-  background: rgba(0, 0, 0, 0.03);
+  background: #f7f7f7;
   color: rgba(0, 0, 0, 0.95);
 }
 
@@ -1162,6 +1194,12 @@ select.ui.dropdown {
   cursor: default;
   pointer-events: none;
 }
+.ui.disabled.dropdown > .remove.icon,
+.ui.read-only.dropdown > .remove.icon,
+.ui.disabled.dropdown > .label > .delete.icon,
+.ui.read-only.dropdown > .label > .delete.icon {
+  display: none;
+}
 
 
 /*******************************
@@ -1248,9 +1286,9 @@ select.ui.dropdown {
 }
 
 /* Selection */
-.ui.ui.upward.selection.dropdown .menu {
-  border-top-width: 1px !important;
-  border-bottom-width: 0 !important;
+.ui.ui.upward.selection.dropdown:not(.pointing):not(.floating) .menu {
+  border-top-width: 1px;
+  border-bottom-width: 0;
   box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
   border-radius: 0.28571429rem 0.28571429rem 0 0;
 }
@@ -1259,13 +1297,15 @@ select.ui.dropdown {
 }
 
 /* Active Upward */
-.ui.active.upward.selection.dropdown {
+.ui.active.upward.selection.dropdown:not(.pointing):not(.floating) {
   border-radius: 0 0 0.28571429rem 0.28571429rem !important;
 }
 
 /* Visible Upward */
 .ui.upward.selection.dropdown.visible {
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
+}
+.ui.upward.selection.dropdown.visible:not(.pointing):not(.floating) {
   border-radius: 0 0 0.28571429rem 0.28571429rem !important;
 }
 
@@ -1273,7 +1313,7 @@ select.ui.dropdown {
 .ui.upward.active.selection.dropdown:hover {
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
 }
-.ui.upward.active.selection.dropdown:hover .menu {
+.ui.upward.active.selection.dropdown:hover:not(.pointing):not(.floating) .menu {
   box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
 }
 
@@ -1301,8 +1341,8 @@ select.ui.dropdown {
   margin: 0 !important;
   border-top: 1px solid rgba(34, 36, 38, 0.15);
 }
-.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: none;
 }
 .ui.scrolling.dropdown .menu .item:first-child,
@@ -1326,24 +1366,45 @@ select.ui.dropdown {
   .ui.dropdown .scrolling.menu {
     max-height: 10.28571429rem;
   }
+  .ui.scrolling.resizable.dropdown .menu,
+  .ui.dropdown .scrolling.resizable.menu {
+    height: 10.28571429rem;
+  }
 }
 @media only screen and (min-width: 768px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
     max-height: 15.42857143rem;
   }
+  .ui.scrolling.resizable.dropdown .menu,
+  .ui.dropdown .scrolling.resizable.menu {
+    height: 15.42857143rem;
+  }
 }
 @media only screen and (min-width: 992px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
     max-height: 20.57142857rem;
   }
+  .ui.scrolling.resizable.dropdown .menu,
+  .ui.dropdown .scrolling.resizable.menu {
+    height: 20.57142857rem;
+  }
 }
 @media only screen and (min-width: 1920px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
     max-height: 20.57142857rem;
   }
+  .ui.scrolling.resizable.dropdown .menu,
+  .ui.dropdown .scrolling.resizable.menu {
+    height: 20.57142857rem;
+  }
+}
+.ui.scrolling.resizable.dropdown .menu,
+.ui.dropdown .scrolling.resizable.menu {
+  resize: vertical;
+  max-height: none;
 }
 
 /* --------------------
@@ -1526,6 +1587,19 @@ select.ui.dropdown {
   background: #fff;
   z-index: 2;
 }
+@supports selector(:has(.f)) {
+  .ui.pointing.dropdown:not(.upward) .menu:has(:first-child:hover)::after,
+  .ui.upward.pointing.dropdown .menu:has(:last-child:hover)::after {
+    background: #f2f2f2;
+  }
+  .ui.pointing.dropdown:not(.upward) .menu:has(.selected.item:first-child)::after,
+  .ui.upward.pointing.dropdown .menu:has(.selected.item:last-child)::after {
+    background: #f7f7f7;
+  }
+}
+.ui.selection.pointing.dropdown > .menu::after {
+  box-shadow: -1px -1px 0 0 #96c8da;
+}
 .ui.pointing.dropdown > .menu:not(.hidden)::after {
   top: -0.25em;
   left: 50%;
@@ -1670,6 +1744,9 @@ select.ui.dropdown {
   box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
   margin: -0.25em 0 0;
 }
+.ui.selection.pointing.upward.dropdown .menu::after {
+  box-shadow: 1px 1px 0 0 #96c8da;
+}
 
 /* Right Pointing Upward */
 .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
@@ -1696,6 +1773,16 @@ select.ui.dropdown {
   margin: 0 0 1em 0;
   box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
 }
+.ui.floating.dropdown .menu .item:first-child,
+.ui.pointing.dropdown .menu .item:first-child {
+  border-top-left-radius: 0.28571429rem;
+  border-top-right-radius: 0.28571429rem;
+}
+.ui.floating.dropdown .menu .item:last-child,
+.ui.pointing.dropdown .menu .item:last-child {
+  border-bottom-left-radius: 0.28571429rem;
+  border-bottom-right-radius: 0.28571429rem;
+}
 
 /* --------------------
         Sizes
@@ -1756,13 +1843,13 @@ select.ui.dropdown {
 }
 .ui.dropdown .inverted.menu > .item:hover,
 .ui.inverted.dropdown .menu > .item:hover {
-  background: rgba(255, 255, 255, 0.08);
+  background: #2d2e2f;
   color: rgba(255, 255, 255, 0.8);
 }
 .ui.inverted.dropdown.selected,
 .ui.dropdown .inverted.menu .selected.item,
 .ui.inverted.dropdown .menu .selected.item {
-  background: rgba(255, 255, 255, 0.15);
+  background: #3d3e3f;
   color: rgba(255, 255, 255, 0.8);
 }
 .ui.dropdown .inverted.menu > .header,
@@ -1860,11 +1947,6 @@ select.ui.dropdown {
 }
 
 /* Selection for form elements */
-.ui.inverted.dropdown textarea::-webkit-selection,
-.ui.inverted.dropdown input::-webkit-selection {
-  background-color: rgba(255, 255, 255, 0.25);
-  color: rgba(255, 255, 255, 0.8);
-}
 .ui.inverted.dropdown textarea::selection,
 .ui.inverted.dropdown input::selection {
   background-color: rgba(255, 255, 255, 0.25);
@@ -1905,6 +1987,19 @@ select.ui.dropdown {
   background: #1b1c1d;
   box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
 }
+.ui.inverted.upward.pointing.dropdown > .menu::after {
+  box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.15);
+}
+@supports selector(:has(.f)) {
+  .ui.inverted.pointing.dropdown:not(.upward) .menu:has(:first-child:hover)::after,
+  .ui.inverted.upward.pointing.dropdown .menu:has(:last-child:hover)::after {
+    background: #2d2e2f;
+  }
+  .ui.inverted.pointing.dropdown:not(.upward) .menu:has(.selected.item:first-child)::after,
+  .ui.inverted.upward.pointing.dropdown .menu:has(.selected.item:last-child)::after {
+    background: #3d3e3f;
+  }
+}
 
 
 /*******************************

data/app/assets/stylesheets/semantic-ui/modules/_embed.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Video
+ * # Fomantic-UI 2.9.3 - Embed
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -57,7 +57,7 @@
   display: block;
   width: 100%;
   height: 100%;
-  background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
+  background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
 }
 
 /* --------------

data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Flyout
+ * # Fomantic-UI 2.9.3 - Flyout
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_modal.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Modal
+ * # Fomantic-UI 2.9.3 - Modal
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -410,11 +410,10 @@
   overflow: hidden;
 }
 .scrolling.dimmable > .dimmer {
-  justify-content: flex-start;
+  justify-content: center;
   position: fixed;
 }
 .scrolling.dimmable:not(body) > .dimmer {
-  justify-content: center;
   position: absolute;
 }
 .scrolling.dimmable.dimmed > .dimmer {
@@ -422,8 +421,12 @@
   -ms-scroll-chaining: none;
       overscroll-behavior: none;
 }
+.modals.dimmer .ui.scrolling.modal.fullscreen {
+  top: 0;
+}
 .modals.dimmer .ui.scrolling.modal:not(.fullscreen) {
   margin: 2rem auto;
+  top: 1em;
 }
 
 /* Fix for Firefox, Edge, IE11 */
@@ -454,6 +457,10 @@
   -ms-scroll-chaining: none;
       overscroll-behavior: none;
 }
+.ui.modal > .resizable.scrolling.content {
+  resize: vertical;
+  max-height: none;
+}
 .ui.overlay.fullscreen.modal > .content {
   min-height: calc(100vh - 9.1rem);
 }

data/app/assets/stylesheets/semantic-ui/modules/_nag.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Nag
+ * # Fomantic-UI 2.9.3 - Nag
  * https://github.com/fomantic/Fomantic-UI/
  *
  *