X-Git-Url: https://osm.etsi.org/gitweb/?p=osm%2FUI.git;a=blobdiff_plain;f=skyquake%2Fplugins%2Fcomposer%2Fsrc%2Fsrc%2Fstyles%2FEditDescriptorModelProperties.scss;h=c85409c3f280b0fd65458b42029c813549dfc07e;hp=48ce9497c359bad466316497a7cc20904dfbf7f7;hb=refs%2Ftags%2Fv3.0.0rc2;hpb=f2dc2462571800e62cba969964de621dca09299c

diff --git a/skyquake/plugins/composer/src/src/styles/EditDescriptorModelProperties.scss b/skyquake/plugins/composer/src/src/styles/EditDescriptorModelProperties.scss
index 48ce9497c..c85409c3f 100644
--- 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