@import "main";
@import "ColorGroups";
-
.EditDescriptorModelProperties {
-
$field-border-radius: 3px;
$field-background-color: white;
$child-indent-left-right-margin: 5px;
-
font-size: smaller;
-
h1 {
text-align: left;
span:last-child {
}
}
}
-
h2 {
@extend h1;
-
}
-
.basic-properties-group {
- > h1 {
+ >h1 {
display: none;
}
}
-
- .advanced-properties-group {
- }
-
+ .advanced-properties-group {}
/* label is used as list item headers */
h3 {
@extend h2;
margin: 4px;
}
}
-
val {
display: inline-block;
color: #073642;
}
-
a {
&.simple-list-item {
display: inline-block;
white-space: nowrap;
}
&.vld-list-item,
- &.internal-vld-list-item{
+ &.internal-vld-list-item {
border: 1px solid $vld-primary-color;
border-radius: 24px;
- background: white linear-gradient(to right, $vld-primary-color 34px, white 34px);;
+ background: white linear-gradient(to right, $vld-primary-color 34px, white 34px);
+ ;
}
&.vnfd-list-item,
- &.constituent-vnfd-list-item{
+ &.constituent-vnfd-list-item {
border: 1px solid $vnfd-primary-color;
border-radius: 11px;
- background: white linear-gradient(to right, $vnfd-primary-color 34px, white 34px);;
+ background: white linear-gradient(to right, $vnfd-primary-color 34px, white 34px);
+ ;
}
&.vdu-list-item {
border: 1px solid $vdu-primary-color;
border-radius: 11px;
- background: white linear-gradient(to right, $vdu-primary-color 34px, white 34px);;
+ background: white linear-gradient(to right, $vdu-primary-color 34px, white 34px);
+ ;
}
&.vnffgd-list-item {
border: 1px solid $vnffgd-primary-color;
border-radius: 11px;
- background: white linear-gradient(to right, $vnffgd-primary-color 34px, white 34px);;
+ background: white linear-gradient(to right, $vnffgd-primary-color 34px, white 34px);
+ ;
}
}
-
&.-is-tree-view {
.property {
-
position: relative;
overflow: hidden;
-
margin: 8px 8px;
-
background-color: rgba(147, 161, 161, 0.5);
border-radius: $field-border-radius;
-
- > h3 {
+ >h3 {
position: absolute;
top: 2px;
right: 18px;
border-radius: $field-border-radius;
padding: 3px 0;
}
-
- > val {
+ >val {
width: 100%;
- > .property-content {
+ >.property-content {
width: 100%;
}
-
}
-
&.-is-focused {
- > h3 {
+ >h3 {
//z-index: -1;
}
}
-
&.leaf-property {
overflow: hidden;
min-height: 25px;
- > h3 {
+ >h3 {
background: linear-gradient(to right, transparent, $field-background-color 21px);
padding-left: 25px;
}
- > val {
+ >val {
border-radius: $field-border-radius;
- > .property-content {
+ >.property-content {
border-radius: $field-border-radius;
}
}
}
-
&.property:not(.leaf-property) {
-
padding: 7px $child-indent-left-right-margin 0 $child-indent-left-right-margin;
-
+ min-height: 18px;
&.list-property {
- > h3 {
+ >h3 {
padding: 4px 8px;
}
}
-
- > h3 {
+ &.container-property {
+ >h3 {
+ padding: 4px 8px;
+ }
+ }
+ >h3 {
right: auto;
top: 0;
left: 0;
//background: red;
pointer-events: all;
}
- > val {
+ >val {
margin: 28px 0 8px 0;
- > .property-content {
+ >.property-content {
position: relative;
border-radius: $field-border-radius;
margin-top: 4px;
}
}
}
- > .property-content:not(.simple-list) {
+ >.property-content:not(.simple-list) {
&:nth-of-type(odd) {
background-color: rgba(238, 232, 213, 0.33);
}
}
}
}
-
.actions {
span {
vertical-align: middle;
padding: 0 5px;
}
}
-
}
-
}
-
.description {
- display: none;
+ display: inline-block;
+ margin-left: 15px;
+ font-style: italic;
+ font-size: small;
+ color: #323232;
}
-
input,
select,
textarea {
&::-webkit-input-placeholder {
color: #eee8d5 !important;
}
-
- &:-moz-placeholder { /* Firefox 18- */
+ &:-moz-placeholder {
+ /* Firefox 18- */
color: #eee8d5 !important;
}
-
- &::-moz-placeholder { /* Firefox 19+ */
+ &::-moz-placeholder {
+ /* Firefox 19+ */
color: #eee8d5 !important;
}
-
&:-ms-input-placeholder {
color: #eee8d5 !important;
}
}
-
select {
padding-right: 0;
margin-right: 0;
color: #eee8d5;
}
}
-
select {
appearance: none; // using -prefix-free http://leaverou.github.io/prefixfree/
- background: $field-background-color url(../../../node_modules/open-iconic/svg/caret-bottom.svg) no-repeat right 8px center;
+ background: $field-background-color url(../../../node_modules/open-iconic/svg/caret-bottom.svg) no-repeat right 8px center;
background-size: 10px;
border: {
color: $field-background-color;
width: 1px;
}
}
-
// Removes default arrow for IE10+
// IE 8/9 get dafault arrow which covers caret image
// as long as caret image is small than and positioned
select::-ms-expand {
display: none;
}
-
textarea {
height: 50px;
}
-
input {
padding: 0 20px 0 8px;
line-height: 25px;
}
-
input[name$="id"],
input.-is-guid {
font-size: 10px;
font-family: monospace;
}
- input[readonly='readonly'] {
- background-color: $readonly-background-color;
- }
-
-}
+}
\ No newline at end of file