update from RIFT as of 696b75d2fe9fb046261b08c616f1bcf6c0b54a9b third try

[osm/UI.git] / skyquake / plugins / composer / src / src / styles / EditDescriptorModelProperties.scss

diff --git a/skyquake/plugins/composer/src/src/styles/EditDescriptorModelProperties.scss b/skyquake/plugins/composer/src/src/styles/EditDescriptorModelProperties.scss
index 48ce949..c85409c 100644 (file)
--- a/skyquake/plugins/composer/src/src/styles/EditDescriptorModelProperties.scss
+++ b/skyquake/plugins/composer/src/src/styles/EditDescriptorModelProperties.scss
@@ -18,15 +18,11 @@
 
 @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 {
@@ -35,21 +31,15 @@
                        }
                }
        }
-
        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;
@@ -65,12 +55,10 @@
                        margin: 4px;
                }
        }
-
        val {
                display: inline-block;
                color: #073642;
        }
-
        a {
                &.simple-list-item {
                        display: inline-block;
@@ -79,41 +67,40 @@
                        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;
@@ -122,47 +109,45 @@
                                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;
@@ -173,9 +158,9 @@
                                        //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;
@@ -195,7 +180,7 @@
                                                        }
                                                }
                                        }
-                                       > .property-content:not(.simple-list) {
+                                       >.property-content:not(.simple-list) {
                                                &:nth-of-type(odd) {
                                                        background-color: rgba(238, 232, 213, 0.33);
                                                }
@@ -210,22 +195,21 @@
                                        }
                                }
                        }
-
                        .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 {
@@ -247,20 +231,18 @@
                &::-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;
@@ -270,10 +252,9 @@
                        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;
@@ -282,7 +263,6 @@
                        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
@@ -290,20 +270,16 @@
        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;
        }
-
-}
+}
\ No newline at end of file