Gitiles
Code Review Sign In
gerrit.nordix.org / onap / sdc / 799bc7e3c75de762dea7448c6f8f5d6e5f3f9671 / . / openecomp-ui / resources / scss / modules / _licenseModelLimits.scss
blob: 794ed388e4afefaedb15d46f776676d7647e0280 [file] [log] [blame]
Avi Ziv61070c92017-07-26 17:37:57 +0300[diff] [blame]1.license-model-limits-view {
Einav Weiss Keidar1801b242018-08-13 16:19:46 +0300[diff] [blame]2 max-height: 490px;
3 overflow: auto;
Avi Ziv61070c92017-07-26 17:37:57 +0300[diff] [blame]4
Einav Weiss Keidar1801b242018-08-13 16:19:46 +0300[diff] [blame]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 }
Avi Ziv61070c92017-07-26 17:37:57 +0300[diff] [blame]13
Einav Weiss Keidar1801b242018-08-13 16:19:46 +0300[diff] [blame]14 .no-limits-text {
15 padding-left: 50px;
16 }
Avi Ziv61070c92017-07-26 17:37:57 +0300[diff] [blame]17
Einav Weiss Keidar1801b242018-08-13 16:19:46 +0300[diff] [blame]18 .list-editor-view {
19 .list-editor-view-header {
20 border-bottom: none;
21 padding-top: 30px;
22 padding-bottom: 0;
23 }
Avi Ziv61070c92017-07-26 17:37:57 +0300[diff] [blame]24
Einav Weiss Keidar1801b242018-08-13 16:19:46 +0300[diff] [blame]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 }
Avi Ziv61070c92017-07-26 17:37:57 +0300[diff] [blame]40
Einav Weiss Keidar1801b242018-08-13 16:19:46 +0300[diff] [blame]41 .svg-icon {
42 margin-top: 10px;
43 margin-right: 50px;
44 fill: $gray;
45 &:hover {
46 fill: $dark-gray;
47 }
48 }
ilanap56d382a2017-10-22 12:30:25 +0300[diff] [blame]49
Einav Weiss Keidar1801b242018-08-13 16:19:46 +0300[diff] [blame]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;
ilanap56d382a2017-10-22 12:30:25 +0300[diff] [blame]76
Einav Weiss Keidar1801b242018-08-13 16:19:46 +0300[diff] [blame]77 &.limit-name {
78 .text.name {
79 @extend .body-1-semibold;
80 color: $blue;
81 text-transform: uppercase;
82 margin-left: 45px;
83 }
ilanap56d382a2017-10-22 12:30:25 +0300[diff] [blame]84
Einav Weiss Keidar1801b242018-08-13 16:19:46 +0300[diff] [blame]85 border-right: 1px solid $light-gray;
86 margin-right: 22px;
87 flex: 0.4;
88 display: flex;
89 justify-content: left;
90 }
ilanap56d382a2017-10-22 12:30:25 +0300[diff] [blame]91
Einav Weiss Keidar1801b242018-08-13 16:19:46 +0300[diff] [blame]92 &.limit-description {
93 max-width: 300px;
94 margin-right: 22px;
95 }
ilanap56d382a2017-10-22 12:30:25 +0300[diff] [blame]96
Einav Weiss Keidar1801b242018-08-13 16:19:46 +0300[diff] [blame]97 &.limit-metric-details {
98 max-width: 300px;
99 }
Avi Ziv61070c92017-07-26 17:37:57 +0300[diff] [blame]100
Einav Weiss Keidar1801b242018-08-13 16:19:46 +0300[diff] [blame]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}