catalog-ui/src/app/ng2/shared/multiline-ellipsis/multiline-ellipsis.component.less

   1 .multiline-ellipsis-container {
   2         position: relative;
   3         display: block;
   4         overflow: hidden;
   5         white-space: normal;
   6         //max-height: @num_lines * @line_height;
   7
   8         .multiline-ellipsis-content {
   9                 word-break: break-all;
  10                 position: relative;
  11                 //max-height: (@num_lines + 1) * @line_height;
  12
  13                 .multiline-ellipsis-dots {
  14                         display: block;
  15                         position: absolute;
  16                         right: 0;
  17                         //top: calc(#{@num_lines * 2} - 100%);
  18
  19                         &::before {
  20                                 display: block;
  21                                 content: '...';
  22                         }
  23                 }
  24         }
  25 }