diff options
author | Chocobozzz <me@florianbigard.com> | 2020-05-07 17:31:20 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2020-05-10 10:41:55 +0200 |
commit | 295928a335143b2c42bc0e8dbf23532badccdbf9 (patch) | |
tree | 4e74f2c70055f3189f35cee659619c09f6e73749 | |
parent | b72ec06bbe16c17d3af936b59b046cfe6513b977 (diff) | |
download | PeerTube-295928a335143b2c42bc0e8dbf23532badccdbf9.tar.gz PeerTube-295928a335143b2c42bc0e8dbf23532badccdbf9.tar.zst PeerTube-295928a335143b2c42bc0e8dbf23532badccdbf9.zip |
Remove dots for long texts in multiline
It's confusing, as we don't understand what are these dots: http://lutim.cpy.re/1AkiPBVf.png
-rw-r--r-- | client/src/sass/include/_mixins.scss | 25 |
1 files changed, 0 insertions, 25 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index f384cbfab..f157ded5e 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -29,31 +29,6 @@ | |||
29 | line-height: $font-size; | 29 | line-height: $font-size; |
30 | overflow: hidden; | 30 | overflow: hidden; |
31 | text-overflow: ellipsis; | 31 | text-overflow: ellipsis; |
32 | /* Let space at right for dots */ | ||
33 | position: relative; | ||
34 | margin-right: -1em; | ||
35 | padding-right: 1em; | ||
36 | |||
37 | /* Display dots if the max number of lines is exceeded */ | ||
38 | &::before { | ||
39 | content: "..."; | ||
40 | /* set position to right bottom corner of block */ | ||
41 | position: absolute; | ||
42 | bottom: 0; | ||
43 | right: 0; | ||
44 | } | ||
45 | |||
46 | /* Hide dots if the max number of lines is not exceeded */ | ||
47 | &:after { | ||
48 | content: ''; | ||
49 | background-color: var(--mainBackgroundColor); | ||
50 | /* set position to right bottom corner of text */ | ||
51 | position: absolute; | ||
52 | right: 0; | ||
53 | width: 1em; | ||
54 | height: 1em; | ||
55 | margin-top: 0.2em; | ||
56 | } | ||
57 | } | 32 | } |
58 | 33 | ||
59 | @mixin prefix($property, $parameters...) { | 34 | @mixin prefix($property, $parameters...) { |