aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2020-05-07 17:31:20 +0200
committerChocobozzz <me@florianbigard.com>2020-05-10 10:41:55 +0200
commit295928a335143b2c42bc0e8dbf23532badccdbf9 (patch)
tree4e74f2c70055f3189f35cee659619c09f6e73749 /client/src/sass/include
parentb72ec06bbe16c17d3af936b59b046cfe6513b977 (diff)
downloadPeerTube-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
Diffstat (limited to 'client/src/sass/include')
-rw-r--r--client/src/sass/include/_mixins.scss25
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...) {