wcfsetup/install/files/style/ui/dropdown.scss

   1 .dropdownMenuContainer {
   2         bottom: 0;
   3         left: 0;
   4         pointer-events: none;
   5         position: absolute;
   6         right: 0;
   7         top: 0;
   8 }
   9
  10 .dropdown {
  11         .dropdownToggle:active,
  12         &.dropdownOpen .dropdownToggle {
  13                 outline: 0;
  14         }
  15
  16         &.inputAddon {
  17                 > .dropdownToggle {
  18                         padding: 4px 7px;
  19
  20                         > span.active:after {
  21                                 content: $fa-var-caret-down;
  22                                 font-family: FontAwesome;
  23                                 font-size: 14px;
  24                                 margin-left: 7px;
  25                         }
  26                 }
  27         }
  28
  29         &.preInput {
  30                 display: table;
  31                 width: 100%;
  32
  33                 input {
  34                         border-radius: 0 3px 3px 0;
  35                         display: table-cell;
  36                         margin: 0;
  37                         width: 99%;
  38                 }
  39
  40                 textarea {
  41                         border-radius: 0 3px 3px;
  42                         display: block;
  43                         margin-top: 0;
  44                 }
  45         }
  46
  47         &.dropdownOpen {
  48                 .dropdownMenu {
  49                         display: block;
  50                 }
  51         }
  52
  53         .dropdownToggle {
  54                 cursor: pointer;
  55         }
  56 }
  57
  58 .dropdownMenu {
  59         @include dropdownMenu;
  60
  61         @include screen-md-down {
  62                 &.dropdownMenuPageSearch {
  63                         left: 0 !important;
  64                         right: 0 !important;
  65                 }
  66         }
  67 }
  68
  69 @include screen-md-down {
  70         /* iOS WebKit fails to calculate absolute positions when the documentElement is
  71            set to `overflow: hidden`, causing the site to implicitly scroll. Elements
  72            with absolute positioning are still relative to (0,0) and are thus (partially)
  73            moved out of the viewport. */
  74         .pageOverlayActive.iOS .dropdownMenu.dropdownOpen {
  75                 position: fixed;
  76         }
  77 }
  78
  79 .dropdownIndicator::after {
  80         content: $fa-var-caret-down;
  81         font-family: FontAwesome;
  82         margin-left: 5px;
  83 }
  84
  85 .boxFlag > .box24,
  86 .boxFlag.box24 {
  87         align-items: center;
  88         display: flex !important;
  89         min-height: 20px;
  90
  91         > img:first-child {
  92                 height: auto;
  93         }
  94
  95         // prevents text being hidden when displayed in user panel
  96         > span {
  97                 display: inline !important;
  98         }
  99
 100         &.dropdownToggle {
 101                 display: inline-flex !important;
 102         }
 103 }