summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss
diff options
context:
space:
mode:
authorEinav Weiss Keidar <einavw@amdocs.com>2018-08-13 16:19:46 +0300
committerAvi Gaffa <avi.gaffa@amdocs.com>2019-02-11 13:50:22 +0000
commit1801b24389baa8e3f7298ff2c41e2512b19c1290 (patch)
treed3d2a15f53aa28698280d609548298d177f9280d /openecomp-ui/resources/scss/modules/_licenseModelLimits.scss
parentaf8e36eb7f43803bd9cf40e9b46a0c0c8f47c781 (diff)
react 16 upgrade
Issue-ID: SDC-1762 Change-Id: I7701f12fc63bb09f8c985c7c893b984701dcbfab Signed-off-by: Einav Keidar <einavw@amdocs.com>
Diffstat (limited to 'openecomp-ui/resources/scss/modules/_licenseModelLimits.scss')
-rw-r--r--openecomp-ui/resources/scss/modules/_licenseModelLimits.scss263
1 files changed, 131 insertions, 132 deletions
diff --git a/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss b/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss
index 16b6af7cf9..794ed388e4 100644
--- a/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss
+++ b/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss
@@ -1,133 +1,132 @@
.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;
- }
- }
- }
- }
-} \ No newline at end of file
+ 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;
+ }
+ }
+ }
+ }
+}