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         .validation-radio-wrapper:first-child {
  22             padding-right: 20px;
  23         }
  24     }
  25 }
  26
  27 .vsp-components-network-editor {
  28     .editor-data {
  29         height: 500px;
  30         .grid-section {
  31             padding-bottom: 15px;
  32             .section-title {
  33                 @extend .heading-5;
  34                 padding-bottom: 10px;
  35                 padding-left: 0;
  36             }
  37         }
  38         .part-title {
  39             @extend .heading-5;
  40             padding-bottom: 10px;
  41             padding-left: 14px;
  42         }
  43         .part-title-small {
  44             @extend .heading-3;
  45             padding-bottom: 10px;
  46             padding-left: 0;
  47         }
  48         .network-radio label {
  49             font-size: 15px;
  50         }
  51
  52         .packets-bytes-gen {
  53             display: flex;
  54             justify-content: space-between;
  55             flex-direction: column;
  56             .top-row {
  57                 display: flex;
  58                 .part-title-small {
  59                     padding-left: 0;
  60                     &.packets {
  61                         flex: 0 0 52%;
  62                     }
  63                     &.bytes {
  64                         flex: 0 0 48%;
  65                     }
  66                 }
  67             }
  68             .bottom-row {
  69                 display: flex;
  70                 justify-content: space-between;
  71                 flex-direction: row;
  72                 flex: 1;
  73                 .inputs-wrapper {
  74                     display: flex;
  75                     flex-direction: row;
  76                     justify-content: space-between;
  77                     flex: 1;
  78                     .validation-input-wrapper {
  79                         flex: 0 0 22%;
  80                     }
  81                 }
  82             }
  83         }
  84     }
  85 }