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