gerrit.onap Code Review - usecase-ui.git/blob

   1 #mynetwork {
   2     width: 100%;
   3     height: calc(~"100vh - 300px");
   4     border: 1px solid lightgray;
   5     margin-right: 40px;
   6     background-color: #333333;
   7 }
   8
   9
  10 :host ::ng-deep .ant-form-item-label label {
  11     color:  var(--on-primary) ;
  12     background-color:var(--primary);
  13 }
  14
  15 :host ::ng-deep .ant-select-dropdown-menu-item{
  16     color: var(--on-primary) ;
  17     background-color:var(--primary);
  18
  19 }
  20 :host ::ng-deep .ant-select-selection__rendered {
  21     background-color:var(--primary);
  22
  23 }
  24 :host ::ng-deep .ant-select-selection--single {
  25     background-color:var(--primary);
  26
  27 }
  28
  29 :host ::ng-deep .ant-select-selection-selected-value {
  30
  31     color: var(--on-primary) !important ;
  32
  33 }
  34
  35 @media only screen and (min-width: 600px) {
  36 .flexDiv {
  37     display: flex!important;
  38 }
  39 }
  40 @media only screen and (min-width: 768px) {
  41 .flexDiv {
  42     display: flex!important;
  43 }
  44 }
  45
  46 .font-size{
  47     font-size: 17px;
  48 }
  49 .font-weight{
  50     font-weight:bold;
  51 }
  52
  53 .refreshBtn{
  54     right: 580px;
  55     position: absolute;
  56     top: 35px;
  57     z-index: 1
  58 }
  59
  60 :host ::ng-deep .ant-form-item-label label {
  61     color:  var(--on-primary) ;
  62 }
  63
  64 :host ::ng-deep .ant-select-selection__placeholder
  65 {
  66     color: var(--on-primary);
  67 }
  68
  69 :host ::ng-deep .ant-select-arrow {
  70
  71
  72     color:  var(--on-primary);
  73     font-size: 12px;
  74 }
  75
  76
  77 .popup-table-row
  78 {
  79     color: aqua;
  80 }
  81
  82 .divCls{
  83     display: inline-block;
  84     width: 100%;
  85     padding-bottom: 10px;
  86      color : var(--on-lables) ;
  87    }
  88
  89    .main {
  90        padding-left:80px
  91    }
  92    .ant-col-sm-6 {
  93        width:100%;
  94    }
  95
  96    #subscriptionType, #serviceInstance {
  97        width: 250px;
  98    }