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

   1 .vsp-components-network {
   2   .network-data {
   3     .single-col {
   4       .validation-input-wrapper {
   5         label {
   6           max-width: 230px;
   7         }
   8       }
   9     }
  10   }
  11   .list-editor-view {
  12     margin-top: 50px;
  13     .manual-title {
  14       @extend .body-1-semibold;
  15     }
  16   }
  17 }
  18 .network-nic-modal-create {
  19         .network-type-radio {
  20                 display: flex;
  21         }
  22 }
  23
  24 .network-nic-modal-edit {
  25     .modal-dialog {
  26                 width: 900px;
  27     }
  28   .vsp-components-network-editor {
  29     .editor-data {
  30       height: 500px;
  31       .grid-section {
  32         padding-bottom: 15px;
  33         .section-title {
  34           @extend .heading-5;
  35           padding-bottom: 10px;
  36           padding-left: 0;
  37         }
  38       }
  39       .part-title {
  40         @extend .heading-5;
  41         padding-bottom: 10px;
  42         padding-left: 14px;
  43       }
  44       .part-title-small {
  45         @extend .heading-3;
  46         padding-bottom: 10px;
  47         padding-left: 0;
  48       }
  49       .network-radio label {
  50         font-size: 15px;
  51       }
  52
  53       .packets-bytes-gen {
  54         display: flex;
  55         justify-content: space-between;
  56         flex-direction: column;
  57         .top-row {
  58           display: flex;
  59           .part-title-small {
  60             padding-left: 0;
  61             &.packets {
  62               flex: 0 0 52%;
  63             }
  64             &.bytes {
  65               flex: 0 0 48%;
  66             }
  67           }
  68         }
  69         .bottom-row {
  70           display: flex;
  71           justify-content: space-between;
  72           flex-direction: row;
  73           flex: 1;
  74           .inputs-wrapper {
  75             display: flex;
  76             flex-direction: row;
  77             justify-content: space-between;
  78             flex: 1;
  79             .validation-input-wrapper {
  80               flex: 0 0 22%;
  81             }
  82           }
  83         }
  84       }
  85     }
  86   }
  87 }