summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss
diff options
context:
space:
mode:
authorilanap <ilanap@amdocs.com>2017-10-22 12:30:25 +0300
committerilanap <ilanap@amdocs.com>2017-10-22 12:30:25 +0300
commit56d382adfc2eae6b88ce80ff4988833b3048ed0f (patch)
tree2e157ce67e7ebb418532ddbf5c4f8f70a3dbfe6a /openecomp-ui/resources/scss
parent371880722fa899f59c82b1a98b0e3d65ff250e41 (diff)
White spaces in limit view
Issue-ID: SDC-485 Change-Id: I61240ce868f251bce04e4b6905895d89750cc157 Signed-off-by: ilanap <ilanap@amdocs.com>
Diffstat (limited to 'openecomp-ui/resources/scss')
-rw-r--r--openecomp-ui/resources/scss/modules/_licenseModelLimits.scss38
1 files changed, 25 insertions, 13 deletions
diff --git a/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss b/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss
index 32fd128f2e..16b6af7cf9 100644
--- a/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss
+++ b/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss
@@ -38,23 +38,30 @@
.list-editor-item-view-content {
padding-left: 0;
}
- .svg-icon-wrapper.trashO {
- margin-bottom: 0;
+
+ .svg-icon {
+ margin-top: 10px;
margin-right: 50px;
- .svg-icon {
- fill: $gray;
- height: 16px;
- width: 16px;
- &:hover {
- fill: $dark-gray;
- }
- }
+ 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;
@@ -65,20 +72,20 @@
display: flex;
align-items: center;
white-space: nowrap;
-
+
&.limit-name {
.text.name {
@extend .body-1-semibold;
color: $blue;
text-transform: uppercase;
- padding: 0px 10px;
+ margin-left : 45px;
}
border-right: 1px solid $light-gray;
margin-right: 22px;
flex: 0.4;
display: flex;
- justify-content: center;
+ justify-content: left;
}
&.limit-description {
@@ -90,10 +97,15 @@
max-width: 300px;
}
+
.text.description, .text.name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
+ &:after {
+ background: $tlv-light-gray;
+ }
+
}
}