Add collaboration feature

[sdc.git] / openecomp-ui / resources / scss / modules / _onboardingCatalog.scss

diff --git a/openecomp-ui/resources/scss/modules/_onboardingCatalog.scss b/openecomp-ui/resources/scss/modules/_onboardingCatalog.scss
index 6c56d11..4fb0f7c 100644 (file)
--- a/openecomp-ui/resources/scss/modules/_onboardingCatalog.scss
+++ b/openecomp-ui/resources/scss/modules/_onboardingCatalog.scss
@@ -8,6 +8,7 @@ $transitionLength: 0.6s;
        @import "onboardingCatalog/catalogHeader";
        @import "onboardingCatalog/vendorPageHeader";
        @import "onboardingCatalog/catalogList";
+       @import "onboardingCatalog/vspOverlay";
        .catalog-wrapper {
                height: 100%;
                overflow: auto;
@@ -19,6 +20,38 @@ $transitionLength: 0.6s;
                .catalog-list {
                        overflow: hidden;
                        height: auto;
+                       .sdc-tile {
+                               margin: 9px;
+                               .sdc-tile-header {
+                                       position: initial;
+                                       display: block;
+                                       flex-shrink: initial;
+                                       align-items: initial;
+                                       flex-direction: initial;
+                               }
+                               .sdc-tile-content {
+                                       position: initial;
+                                       flex: initial;
+                                       display: flex;
+                                       align-items: initial;
+                                       flex-direction: column;
+                                       justify-content: space-between;
+                                       overflow: initial;
+                                       .sdc-tile-info-line {
+                                               .with-overlay {
+                                                       line-height: 1.2em;
+                                                       @include ellipsis($width: initial, $max-width: 100%);
+                                               }
+                                       }
+                               }
+                               .sdc-tile-footer {
+                                       position: initial;
+                                       flex-shrink: initial;
+                                       display: flex;
+                                       align-items: center;
+                                       flex-direction: row;
+                               }
+                       }
                }
        }
 }