components/multiline-ellipsis/_multiline_ellipsis.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

.multiline-ellipsis-container {
    position: relative;
    display: block;
    overflow: hidden;
    white-space: normal;
    //max-height: @num_lines * @line_height;

    .multiline-ellipsis-content {
        word-break: break-all;
        position: relative;
        //max-height: (@num_lines + 1) * @line_height;

        .multiline-ellipsis-dots {
            display: block;
            position: absolute;
            right: 0;
            //top: calc(#{@num_lines * 2} - 100%);

            &::before {
                display: block;
                content: '...';
            }
        }
    }
}