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