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

   1 .dual-list-box {
   2   display: flex;
   3   margin: 25px 0 10px 0;
   4
   5   .dual-search-multi-select-section {
   6     $multi-select-box-width: 398px;
   7     width: $multi-select-box-width;
   8     .dual-text-box-search-title, .dual-list-box-multi-select-text {
   9       @extend .body-1;
  10       color: $dark-gray;
  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     }
  31   }
  32   .dual-list-options-bar {
  33     margin: 62px 54px 27px 54px;
  34     padding-top: 23px;
  35     .dual-list-option {
  36       text-align: center;
  37       line-height: 10px;
  38       font-size: 25px;
  39       width: 20px;
  40       height: 15px;
  41       cursor: pointer;
  42       margin-top: 20px;
  43       color: $blue;
  44     }
  45   }
  46 }