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

   1 .license-model-limits-view {
   2     max-height: 490px;
   3     overflow: auto;
   4
   5     .limit-editor-title {
   6         padding: 10px 50px;
   7         background-color: $blue;
   8         color: $white;
   9     }
  10     .list-editor-view-add-title {
  11         margin-right: 20px;
  12     }
  13
  14     .no-limits-text {
  15         padding-left: 50px;
  16     }
  17
  18     .list-editor-view {
  19         .list-editor-view-header {
  20             border-bottom: none;
  21             padding-top: 30px;
  22             padding-bottom: 0;
  23         }
  24
  25         .list-editor-view-list-scroller {
  26             margin-top: 0;
  27             margin-bottom: 30px;
  28         }
  29         .list-editor-view-list {
  30             width: 100%;
  31             .list-editor-item-view {
  32                 min-height: 50px;
  33                 height: 50px;
  34                 background-color: $tlv-light-gray;
  35                 border-color: transparent;
  36                 margin: 1px 0;
  37                 .list-editor-item-view-content {
  38                     padding-left: 0;
  39                 }
  40
  41                 .svg-icon {
  42                     margin-top: 10px;
  43                     margin-right: 50px;
  44                     fill: $gray;
  45                     &:hover {
  46                         fill: $dark-gray;
  47                     }
  48                 }
  49
  50                 &.selectable {
  51                     &:hover {
  52                         .list-editor-item-view-field {
  53                             .text.description,
  54                             .text-name {
  55                                 &:after {
  56                                     background-color: darken(
  57                                         $tlv-light-gray,
  58                                         4%
  59                                     );
  60                                 }
  61                             }
  62                         }
  63                         background-color: darken($tlv-light-gray, 4%);
  64                         cursor: pointer;
  65                     }
  66                 }
  67                 &:hover {
  68                     border-color: transparent;
  69                     cursor: default;
  70                 }
  71                 .list-editor-item-view-content {
  72                     .list-editor-item-view-field {
  73                         display: flex;
  74                         align-items: center;
  75                         white-space: nowrap;
  76
  77                         &.limit-name {
  78                             .text.name {
  79                                 @extend .body-1-semibold;
  80                                 color: $blue;
  81                                 text-transform: uppercase;
  82                                 margin-left: 45px;
  83                             }
  84
  85                             border-right: 1px solid $light-gray;
  86                             margin-right: 22px;
  87                             flex: 0.4;
  88                             display: flex;
  89                             justify-content: left;
  90                         }
  91
  92                         &.limit-description {
  93                             max-width: 300px;
  94                             margin-right: 22px;
  95                         }
  96
  97                         &.limit-metric-details {
  98                             max-width: 300px;
  99                         }
 100
 101                         .text.description,
 102                         .text.name {
 103                             overflow: hidden;
 104                             text-overflow: ellipsis;
 105                             white-space: nowrap;
 106                             &:after {
 107                                 background: $tlv-light-gray;
 108                             }
 109                         }
 110                     }
 111                 }
 112             }
 113         }
 114     }
 115     .limit-editor {
 116         .limit-editor-form {
 117             .limit-editor-form-grid-section {
 118                 padding-bottom: 0;
 119             }
 120             .validation-form-content {
 121                 padding: 21px 45px;
 122             }
 123             .limit-editor-buttons {
 124                 display: flex;
 125                 justify-content: flex-end;
 126                 .sdc-button {
 127                     margin-left: 20px;
 128                 }
 129             }
 130         }
 131     }
 132 }