ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/build/less/select2.less

   1 /*
   2  * Plugin: Select2
   3  * ---------------
   4  */
   5
   6 //Signle select
   7 .select2-container--default,
   8 .select2-selection {
   9   &.select2-container--focus,
  10   &:focus,
  11   &:active {
  12     outline: none;
  13   }
  14   .select2-selection--single {
  15     border: 1px solid @gray;
  16     border-radius: @input-radius;
  17     padding: 6px 12px;
  18     height: 34px;
  19   }
  20 }
  21
  22 .select2-container--default.select2-container--open {
  23   border-color: @light-blue;
  24 }
  25
  26 .select2-dropdown {
  27   border: 1px solid @gray;
  28   border-radius: @input-radius;
  29 }
  30
  31 .select2-container--default .select2-results__option--highlighted[aria-selected] {
  32   background-color: @light-blue;
  33   color: white;
  34 }
  35
  36 .select2-results__option {
  37   padding: 6px 12px;
  38   user-select: none;
  39   -webkit-user-select: none;
  40 }
  41
  42 .select2-container .select2-selection--single .select2-selection__rendered {
  43   padding-left: 0;
  44   padding-right: 0;
  45   height: auto;
  46   margin-top: -4px;
  47 }
  48
  49 .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  50   padding-right: 6px;
  51   padding-left: 20px;
  52 }
  53
  54 .select2-container--default .select2-selection--single .select2-selection__arrow {
  55   height: 28px;
  56   right: 3px;
  57 }
  58
  59 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  60   margin-top: 0;
  61 }
  62
  63 .select2-dropdown,
  64 .select2-search--inline {
  65   .select2-search__field {
  66     border: 1px solid @gray;
  67     &:focus {
  68       outline: none;
  69       border: 1px solid @light-blue;
  70     }
  71   }
  72 }
  73
  74 .select2-container--default .select2-results__option[aria-disabled=true] {
  75   color: #999;
  76 }
  77
  78 .select2-container--default .select2-results__option[aria-selected=true] {
  79   background-color: #ddd;
  80   &,
  81   &:hover {
  82     color: #444;
  83   }
  84 }
  85
  86 //Multiple select
  87 .select2-container--default {
  88   .select2-selection--multiple {
  89     border: 1px solid @gray;
  90     border-radius: @input-radius;
  91     &:focus {
  92       border-color: @light-blue;
  93     }
  94   }
  95   &.select2-container--focus .select2-selection--multiple {
  96     border-color: @gray;
  97   }
  98 }
  99
 100 .select2-container--default .select2-selection--multiple .select2-selection__choice {
 101   background-color: @light-blue;
 102   border-color: darken(@light-blue, 5%);
 103   padding: 1px 10px;
 104   color: #fff;
 105 }
 106
 107 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
 108   margin-right: 5px;
 109   color: rgba(255, 255, 255, .7);
 110   &:hover {
 111     color: #fff;
 112   }
 113 }
 114
 115 .select2-container .select2-selection--single .select2-selection__rendered {
 116   padding-right: 10px;
 117 }