Initial OpenECOMP SDC commit

[sdc.git] / catalog-ui / app / scripts / view-models / workspace / tabs / composition / tabs / relations / relations.less

diff --git a/catalog-ui/app/scripts/view-models/workspace/tabs/composition/tabs/relations/relations.less b/catalog-ui/app/scripts/view-models/workspace/tabs/composition/tabs/relations/relations.less
new file mode 100644 (file)
index 0000000..212b978
--- /dev/null
+++ b/catalog-ui/app/scripts/view-models/workspace/tabs/composition/tabs/relations/relations.less
@@ -0,0 +1,116 @@
+.w-sdc-designer-sidebar-tab-content.relations {
+
+    .w-sdc-designer-sidebar-section-content {
+        padding: 0;
+    }
+
+    .w-sdc-designer-sidebar-section-title {
+        &.expanded {
+            margin-bottom: 0;
+        }
+    }
+
+    .i-sdc-designer-sidebar-section-content-item-relations {
+        border-bottom: 1px solid @color_e;
+        padding: 10px 10px 10px 18px;
+        position: relative;
+        cursor: default;
+
+        .i-sdc-designer-sidebar-section-content-item-button {
+            top: 15px;
+            line-height: 10px;
+        }
+
+        &:hover {
+            background-color: @color_c;
+
+            .i-sdc-designer-sidebar-section-content-item-button {
+                display: block;
+
+            }
+
+        }
+
+    }
+    .w-sdc-designer-sidebar-section-relations:not(:last-child) .i-sdc-designer-sidebar-section-content-item-relations-group:last-child .i-sdc-designer-sidebar-section-content-item-relations:last-child {
+        border-bottom: none;
+    }
+
+
+    .i-sdc-designer-sidebar-section-content-item-relations.hand {
+        .hand;
+    }
+
+    .i-sdc-designer-sidebar-section-content-item-relations-group {
+        //border-bottom: 1px solid @color_e;
+    }
+
+    .i-sdc-designer-sidebar-section-content-item-relations-details {
+        display: inline-block;
+        margin-left: 5px;
+        vertical-align: middle;
+    }
+
+    .i-sdc-designer-sidebar-section-content-item-relations-details-name {
+        .b_1;
+        .bold;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        //width: 100%;
+        text-transform: capitalize;
+        max-width: 240px;
+        display: inline-block;
+    }
+
+    .i-sdc-designer-sidebar-section-content-item-relations-details-ownerName {
+        .b_13;
+        font-weight:400;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+
+       &:before{
+           .sprite;
+           .arrow-left;
+           content: '';
+       }
+    }
+
+    .i-sdc-designer-sidebar-section-content-item-relations-details-desc {
+        .p_1;
+        line-height: 14px;
+        word-wrap: break-word;
+        white-space: normal;
+
+        .i-sdc-designer-sidebar-section-content-item-relations-details-indent-box{
+            border-left: 1px #848586 solid;
+            height: 40px;
+            margin-left: 2px;
+            margin-top: 5px;
+            border-bottom: 1px #848586 solid;
+            width: 25px;
+            float: left;
+        }
+        .i-sdc-designer-sidebar-section-content-item-relations-details-child{
+            margin-top: 30px;
+            float: left;
+            padding-left: 10px;
+            max-width: 230px;
+        }
+    }
+
+    .i-sdc-designer-sidebar-section-content-item-relations-details-desc-label {
+        font-family: omnes-medium, sans-serif;
+    }
+
+    .i-sdc-designer-sidebar-section-content-item-relations-view {
+        position: absolute;
+        right: 0;
+        top: 22px;
+        display: none;
+    }
+
+}
+
+