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";
22 .EditDescriptorModelProperties {
24 $field-border-radius: 3px;
25 $field-background-color: white;
26 $child-indent-left-right-margin: 5px;
44 .basic-properties-group {
50 .advanced-properties-group {
53 /* label is used as list item headers */
56 display: inline-block;
70 display: inline-block;
76 display: inline-block;
78 padding: 4px 16px 4px 4px;
82 &.internal-vld-list-item{
83 border: 1px solid $vld-primary-color;
85 background: white linear-gradient(to right, $vld-primary-color 34px, white 34px);;
88 &.constituent-vnfd-list-item{
89 border: 1px solid $vnfd-primary-color;
91 background: white linear-gradient(to right, $vnfd-primary-color 34px, white 34px);;
94 border: 1px solid $vdu-primary-color;
96 background: white linear-gradient(to right, $vdu-primary-color 34px, white 34px);;
99 border: 1px solid $vnffgd-primary-color;
101 background: white linear-gradient(to right, $vnffgd-primary-color 34px, white 34px);;
113 background-color: rgba(147, 161, 161, 0.5);
114 border-radius: $field-border-radius;
121 pointer-events: none;
122 border-radius: $field-border-radius;
128 > .property-content {
144 background: linear-gradient(to right, transparent, $field-background-color 21px);
148 border-radius: $field-border-radius;
149 > .property-content {
150 border-radius: $field-border-radius;
155 &.property:not(.leaf-property) {
157 padding: 7px $child-indent-left-right-margin 0 $child-indent-left-right-margin;
177 margin: 28px 0 8px 0;
178 > .property-content {
180 border-radius: $field-border-radius;
193 vertical-align: middle;
198 > .property-content:not(.simple-list) {
200 background-color: rgba(238, 232, 213, 0.33);
202 &:nth-of-type(even) {
203 background-color: rgba(147, 161, 161, 0.33);
216 vertical-align: middle;
237 padding: 0 0px 4px 8px;
238 border: 1px solid $field-background-color;
239 border-radius: $field-border-radius;
241 background-color: $field-background-color;
245 background-color: white !important;
247 &::-webkit-input-placeholder {
248 color: #eee8d5 !important;
251 &:-moz-placeholder { /* Firefox 18- */
252 color: #eee8d5 !important;
255 &::-moz-placeholder { /* Firefox 19+ */
256 color: #eee8d5 !important;
259 &:-ms-input-placeholder {
260 color: #eee8d5 !important;
267 -webkit-appearance: none;
268 -webkit-border-radius: $field-border-radius;
275 appearance: none; // using -prefix-free http://leaverou.github.io/prefixfree/
276 background: $field-background-color url(../../../node_modules/open-iconic/svg/caret-bottom.svg) no-repeat right 8px center;
277 background-size: 10px;
279 color: $field-background-color;
280 radius: $field-border-radius;
286 // Removes default arrow for IE10+
287 // IE 8/9 get dafault arrow which covers caret image
288 // as long as caret image is small than and positioned
289 // behind default arrow
299 padding: 0 20px 0 8px;
306 font-family: monospace;