openecomp-ui/resources/scss/modules/_onboardingCatalog.scss

   1 $transitionLength: 0.6s;
   2
   3 .catalog-view {
   4         background-color: $background-gray;
   5         overflow: hidden;
   6         height: 100%;
   7         @import "onboardingCatalog/onboardHeader";
   8         @import "onboardingCatalog/catalogHeader";
   9         @import "onboardingCatalog/vendorPageHeader";
  10         @import "onboardingCatalog/catalogList";
  11         @import "onboardingCatalog/vspOverlay";
  12         .catalog-wrapper {
  13                 height: 100%;
  14                 overflow: auto;
  15                 .tab-separator {
  16                   content: '';
  17                   height: 25px;
  18                   border-right: 1px solid $dark-gray;
  19                 }
  20                 .catalog-list {
  21                         overflow: hidden;
  22                         height: auto;
  23                         .sdc-tile {
  24                                 margin: 9px;
  25                                 .sdc-tile-header {
  26                                         position: initial;
  27                                         display: block;
  28                                         flex-shrink: initial;
  29                                         align-items: initial;
  30                                         flex-direction: initial;
  31                                 }
  32                                 .sdc-tile-content {
  33                                         position: initial;
  34                                         flex: initial;
  35                                         display: flex;
  36                                         align-items: initial;
  37                                         flex-direction: column;
  38                                         justify-content: space-between;
  39                                         overflow: initial;
  40                                         .sdc-tile-info-line {
  41                                                 .with-overlay {
  42                                                         line-height: 1.2em;
  43                                                         @include ellipsis($width: initial, $max-width: 100%);
  44                                                 }
  45                                         }
  46                                 }
  47                                 .sdc-tile-footer {
  48                                         position: initial;
  49                                         flex-shrink: initial;
  50                                         display: flex;
  51                                         align-items: center;
  52                                         flex-direction: row;
  53                                 }
  54                         }
  55                 }
  56         }
  57 }