ui/semantic/galette/modules/dropdown.overrides

   1 /*******************************
   2         Galette Overrides
   3 *******************************/
   4
   5 /*-------------
   6      No JS
   7 --------------*/
   8 .nojs select[multiple].ui.dropdown {
   9   height: 7rem;
  10 }
  11
  12 /*------------------------
  13      Search dropdown
  14 -------------------------*/
  15 .ui.search.selection.paginated.dropdown {
  16     &.clearable .text {
  17         margin-right: 2.5em;
  18     }
  19     > .chevron.circle.right.icon {
  20         display: none;
  21     }
  22     &.visible > .chevron.circle.right.icon {
  23         display: block;
  24         cursor: pointer;
  25         font-size: .85714286em;
  26         margin: -.78571429em;
  27         padding: .91666667em;
  28         top: .78571429em;
  29         right: 3.5em;
  30         position: absolute;
  31         opacity: .6;
  32         z-index: 3;
  33         &:hover {
  34             opacity: 1;
  35         }
  36     }
  37     &.visible > .remove.icon {
  38         right: 5em;
  39     }
  40     > input.search {
  41         padding: .67857143em 5em .67857143em 1em;
  42     }
  43 }