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