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 /client | |
| 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
Diffstat (limited to 'client')
| -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...) { |