| .license-model-limits-view { |
| max-height: 490px; |
| overflow: auto; |
| |
| .limit-editor-title { |
| padding: 10px 50px; |
| background-color: $blue; |
| color: $white; |
| } |
| .list-editor-view-add-title { |
| margin-right: 20px; |
| } |
| |
| .no-limits-text { |
| padding-left: 50px; |
| } |
| |
| .list-editor-view { |
| .list-editor-view-header { |
| border-bottom: none; |
| padding-top: 30px; |
| padding-bottom: 0; |
| } |
| |
| .list-editor-view-list-scroller { |
| margin-top: 0; |
| margin-bottom: 30px; |
| } |
| .list-editor-view-list { |
| width: 100%; |
| .list-editor-item-view { |
| min-height: 50px; |
| height: 50px; |
| background-color: $tlv-light-gray; |
| border-color: transparent; |
| margin: 1px 0; |
| .list-editor-item-view-content { |
| padding-left: 0; |
| } |
| |
| .svg-icon { |
| margin-top: 10px; |
| margin-right: 50px; |
| fill: $gray; |
| &:hover { |
| fill: $dark-gray; |
| } |
| } |
| |
| &.selectable { |
| &:hover { |
| .list-editor-item-view-field { |
| .text.description, |
| .text-name { |
| &:after { |
| background-color: darken( |
| $tlv-light-gray, |
| 4% |
| ); |
| } |
| } |
| } |
| background-color: darken($tlv-light-gray, 4%); |
| cursor: pointer; |
| } |
| } |
| &:hover { |
| border-color: transparent; |
| cursor: default; |
| } |
| .list-editor-item-view-content { |
| .list-editor-item-view-field { |
| display: flex; |
| align-items: center; |
| white-space: nowrap; |
| |
| &.limit-name { |
| .text.name { |
| @extend .body-1-semibold; |
| color: $blue; |
| text-transform: uppercase; |
| margin-left: 45px; |
| } |
| |
| border-right: 1px solid $light-gray; |
| margin-right: 22px; |
| flex: 0.4; |
| display: flex; |
| justify-content: left; |
| } |
| |
| &.limit-description { |
| max-width: 300px; |
| margin-right: 22px; |
| } |
| |
| &.limit-metric-details { |
| max-width: 300px; |
| } |
| |
| .text.description, |
| .text.name { |
| overflow: hidden; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| &:after { |
| background: $tlv-light-gray; |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
| .limit-editor { |
| .limit-editor-form { |
| .limit-editor-form-grid-section { |
| padding-bottom: 0; |
| } |
| .validation-form-content { |
| padding: 21px 45px; |
| } |
| .limit-editor-buttons { |
| display: flex; |
| justify-content: flex-end; |
| .sdc-button { |
| margin-left: 20px; |
| } |
| } |
| } |
| } |
| } |