openecomp-ui/resources/scss/modules/_featureGroup.scss

   1 .feature-groups-list-editor {
   2   .list-editor-view-list {
   3     .list-editor-item-view {
   4       min-height: 110px;
   5       height: 110px;
   6     }
   7     .list-editor-item-view-field {
   8       .feature-groups-count-field {
   9         display: inline-block;
  10         &:first-child {
  11           margin-right: 95px;
  12         }
  13       }
  14       .feature-groups-count-ep {
  15         @extend .heading-1;
  16         color: $light-blue;
  17       }
  18       .feature-groups-count-lk {
  19         @extend .heading-1;
  20         color: $light-green;
  21       }
  22     }
  23   }
  24 }
  25
  26 .feature-group-modal {
  27   .modal-body {
  28     padding: 0;
  29   }
  30   .feature-group-form {
  31     .button-tab {
  32       @extend .body-1-medium;
  33       color: $dark-gray;
  34       padding: 6px;
  35       border: 0;
  36       background-color: $white;
  37       box-shadow: none;
  38       &:first-child {
  39         margin-right: 28px;
  40       }
  41       &.active, &:hover {
  42         color: $text-black;
  43         border-bottom: 2px solid $blue;
  44       }
  45     }
  46     .no-items-msg {
  47       margin-top: 55px;
  48       color: $dark-gray;
  49     }
  50     .tab-content {
  51       padding: 50px;
  52       .field-section {
  53         @extend .body-2-medium;
  54         margin-bottom: 23px;
  55         width: 400px;
  56         color: $black;
  57       }
  58       .description-field {
  59         height: 170px;
  60       }
  61       .list-editor-item-view-content {
  62         white-space: nowrap;
  63         overflow: hidden;
  64         > div {
  65           overflow: hidden;
  66           text-overflow: ellipsis;
  67           &:not(:last-of-type) {
  68             margin-right: 24px;
  69           }
  70         }
  71       }
  72     }
  73     .validation-buttons {
  74       padding: 20px 50px;
  75     }
  76   }
  77 }