catalog-ui/src/app/ng2/components/modals/onboarding-modal/onboarding-modal.component.less

   1 @import "../../../../../assets/styles/variables";
   2 @import "../../../../../assets/styles/mixins";
   3
   4
   5 .onboarding-components-details{
   6     display: flex;
   7 }
   8 .row-details-description,
   9 .row-details-metadata1,
  10 .row-details-metadata2,
  11 .row-details-metadata3{
  12     .th { .m_14_m; }
  13     flex-basis: 0;
  14     overflow: hidden;
  15     padding: 5px 15px;
  16     white-space: normal;
  17 }
  18 .row-details-description,
  19 .row-details-metadata3 {
  20     border-right: 1px solid @main_color_o;
  21 }
  22
  23 .row-details-icon {
  24     flex-basis: 0;
  25     overflow: hidden;
  26     padding: 5px 10px;
  27     align-self: center;
  28 }
  29
  30 .row-details-description {
  31     flex-grow: 19;
  32 }
  33 .row-details-metadata1 {
  34     flex-grow: 26.5;
  35 }
  36 .row-details-metadata2 {
  37     flex-grow: 35;
  38     .note {
  39         color: @func_color_q;
  40     }
  41 }
  42 .row-details-metadata3 {
  43     flex-grow: 8;
  44 }
  45 .info-button{
  46     cursor: pointer;
  47     float: right;
  48 }
  49 .row-details-icon {
  50     flex-grow: 18;
  51 }
  52 .download-file-btn {
  53     cursor: pointer;
  54     margin-left: 6px;
  55 }
  56
  57 .import-update-file-btn {
  58     cursor: pointer;
  59 }
  60 .sprite.table-arrow{
  61     margin-right: 7px;
  62 }
  63 .search-wrapper {
  64     .sdc-filter-bar-wrapper {
  65       flex: 0 0 30%;
  66     }
  67     .sub-title-wrapper {
  68         flex: 0 0 70%;
  69         font-size: 15px;
  70         line-height: 35px;
  71         font-family: OpenSans-Regular, sans-serif;
  72         align-items: center;
  73         display: inline-flex;
  74         .sub-title{
  75             padding-left: 5px;
  76         }
  77     }
  78     display: flex;
  79     margin-top: 15px;
  80     margin-bottom: 10px;
  81   }
  82
  83   :host ::ng-deep {
  84     .datatable-row-detail{
  85         width: 1120px;
  86     }
  87     .datatable-body-row {
  88         cursor: pointer;
  89     }
  90   }
  91
  92
  93
  94
  95
  96
  97