3 * Copyright 2016 RIFT.IO Inc
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
9 * http://www.apache.org/licenses/LICENSE-2.0
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
20 @import "ColorGroups";
21 .EditDescriptorModelProperties {
22 $field-border-radius: 3px;
23 $field-background-color: white;
24 $child-indent-left-right-margin: 5px;
37 .basic-properties-group {
42 .advanced-properties-group {}
43 /* label is used as list item headers */
46 display: inline-block;
59 display: inline-block;
64 display: inline-block;
66 padding: 4px 16px 4px 4px;
70 &.internal-vld-list-item {
71 border: 1px solid $vld-primary-color;
73 background: white linear-gradient(to right, $vld-primary-color 34px, white 34px);
77 &.constituent-vnfd-list-item {
78 border: 1px solid $vnfd-primary-color;
80 background: white linear-gradient(to right, $vnfd-primary-color 34px, white 34px);
84 border: 1px solid $vdu-primary-color;
86 background: white linear-gradient(to right, $vdu-primary-color 34px, white 34px);
90 border: 1px solid $vnffgd-primary-color;
92 background: white linear-gradient(to right, $vnffgd-primary-color 34px, white 34px);
101 background-color: rgba(147, 161, 161, 0.5);
102 border-radius: $field-border-radius;
108 pointer-events: none;
109 border-radius: $field-border-radius;
127 background: linear-gradient(to right, transparent, $field-background-color 21px);
131 border-radius: $field-border-radius;
133 border-radius: $field-border-radius;
137 &.property:not(.leaf-property) {
138 padding: 7px $child-indent-left-right-margin 0 $child-indent-left-right-margin;
145 &.container-property {
162 margin: 28px 0 8px 0;
165 border-radius: $field-border-radius;
178 vertical-align: middle;
183 >.property-content:not(.simple-list) {
185 background-color: rgba(238, 232, 213, 0.33);
187 &:nth-of-type(even) {
188 background-color: rgba(147, 161, 161, 0.33);
200 vertical-align: middle;
207 display: inline-block;
221 padding: 0 0px 4px 8px;
222 border: 1px solid $field-background-color;
223 border-radius: $field-border-radius;
225 background-color: $field-background-color;
229 background-color: white !important;
231 &::-webkit-input-placeholder {
232 color: #eee8d5 !important;
236 color: #eee8d5 !important;
238 &::-moz-placeholder {
240 color: #eee8d5 !important;
242 &:-ms-input-placeholder {
243 color: #eee8d5 !important;
249 -webkit-appearance: none;
250 -webkit-border-radius: $field-border-radius;
256 appearance: none; // using -prefix-free http://leaverou.github.io/prefixfree/
257 background: $field-background-color url(../../../node_modules/open-iconic/svg/caret-bottom.svg) no-repeat right 8px center;
258 background-size: 10px;
260 color: $field-background-color;
261 radius: $field-border-radius;
266 // Removes default arrow for IE10+
267 // IE 8/9 get dafault arrow which covers caret image
268 // as long as caret image is small than and positioned
269 // behind default arrow
277 padding: 0 20px 0 8px;
283 font-family: monospace;