openecomp-ui/resources/scss/components/_dualListBox.scss

   1 .dual-list-box {
   2   display: flex;
   3   margin: 25px 0 10px 0;
   4         .svg-icon.search {
   5                 height: 14px;
   6                 width: 14px;
   7         }
   8
   9   .dual-search-multi-select-section {
  10     flex: 1;
  11
  12     .dual-text-box-search {
  13       margin: 5px 0 30px 0;
  14     }
  15     .dual-list-box-multi-select {
  16       flex: 1 1;
  17       display: flex;
  18       height: 166px;
  19       margin-bottom: 0;
  20       select {
  21         width: 100%;
  22         margin: 0;
  23         padding: 0;
  24         overflow-y: scroll;
  25         height: inherit;
  26         option {
  27           padding: 4px 0 4px 10px;
  28         }
  29       }
  30       option:checked {
  31         background: $blue linear-gradient(0deg, $blue 0%, $blue 100%);
  32       }
  33     }
  34   }
  35   .dual-list-options-bar {
  36     margin: 62px 54px 27px 54px;
  37     padding-top: 23px;
  38                 .svg-icon {
  39                         width: 14px;
  40                         height: 14px;
  41                 }
  42     .dual-list-option {
  43       text-align: center;
  44       line-height: 10px;
  45       font-size: 25px;
  46       width: 20px;
  47       height: 15px;
  48       cursor: pointer;
  49       margin-top: 20px;
  50       fill: $blue;
  51     }
  52   }
  53 }