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     $multi-select-box-width: 398px;
  11     width: $multi-select-box-width;
  12     .dual-text-box-search-title, .dual-list-box-multi-select-text {
  13       @extend .body-1;
  14       color: $dark-gray;
  15     }
  16     .dual-text-box-search {
  17       margin: 5px 0 30px 0;
  18     }
  19     .dual-list-box-multi-select {
  20       flex: 1 1;
  21       display: flex;
  22       height: 166px;
  23       margin-bottom: 0;
  24       select {
  25         width: 100%;
  26         margin: 0;
  27         padding: 0;
  28         overflow-y: scroll;
  29         height: inherit;
  30         option {
  31           padding: 4px 0 4px 10px;
  32         }
  33       }
  34     }
  35   }
  36   .dual-list-options-bar {
  37     margin: 62px 54px 27px 54px;
  38     padding-top: 23px;
  39                 .svg-icon {
  40                         width: 14px;
  41                         height: 14px;
  42                 }
  43     .dual-list-option {
  44       text-align: center;
  45       line-height: 10px;
  46       font-size: 25px;
  47       width: 20px;
  48       height: 15px;
  49       cursor: pointer;
  50       margin-top: 20px;
  51       fill: $blue;
  52     }
  53   }
  54 }