interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
This commit is contained in:
Chocobozzz 2020-05-07 17:31:20 +02:00
parent b72ec06bbe
commit 295928a335
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 0 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
client/src/sass/include/_mixins.scss
View File

@ -29,31 +29,6 @@
line-height: $font-size; line-height: $font-size;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
/* Let space at right for dots */
position: relative;
margin-right: -1em;
padding-right: 1em;
/* Display dots if the max number of lines is exceeded */
&::before {
content: "...";
/* set position to right bottom corner of block */
position: absolute;
bottom: 0;
right: 0;
}
/* Hide dots if the max number of lines is not exceeded */
&:after {
content: '';
background-color: var(--mainBackgroundColor);
/* set position to right bottom corner of text */
position: absolute;
right: 0;
width: 1em;
height: 1em;
margin-top: 0.2em;
}
} }
@mixin prefix($property, $parameters...) { @mixin prefix($property, $parameters...) {