catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/info-tab/info-tab.component.less

   1 @import '../../../../../../../assets/styles/variables';
   2
   3 .general-info-container {
   4     display: flex;
   5     flex-direction: column;
   6     padding: 10px 20px;
   7 }
   8
   9 .component-details-panel-item {
  10     overflow: hidden;
  11     text-overflow: ellipsis;
  12     white-space: nowrap;
  13     margin-bottom: 5px;
  14     order:1;
  15
  16     .name { font-family: OpenSans-Semibold, sans-serif; }
  17     .value { padding-left: 10px; }
  18
  19
  20     &.description {
  21         margin-top: 28px;
  22         white-space: normal;
  23         word-wrap: break-word;
  24         overflow: ellipsis;
  25
  26         .value {
  27             padding-left: 0;
  28             max-width: none;
  29             font-weight: normal;
  30             font-family: @font-opensans-regular;
  31         }
  32     }
  33
  34     &.group-item, &.policy-item {
  35         order:0;
  36     }
  37 }
  38
  39 .tags-container {
  40     display: flex;
  41     flex-wrap: wrap;
  42     padding: 10px 20px;
  43
  44     .i-sdc-designer-sidebar-section-content-item-tag {
  45         padding: 5px;
  46         overflow: hidden;
  47         text-overflow: ellipsis;
  48         white-space: nowrap;
  49         user-select: all;
  50     }
  51 }