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