Remove dots for long texts in multiline
authorChocobozzz <me@florianbigard.com>
Thu, 7 May 2020 15:31:20 +0000 (17:31 +0200)
committerChocobozzz <me@florianbigard.com>
Sun, 10 May 2020 08:41:55 +0000 (10:41 +0200)
It's confusing, as we don't understand what are these dots: http://lutim.cpy.re/1AkiPBVf.png

client/src/sass/include/_mixins.scss

index f384cbfab6f1e0aa23ffed245312ec2aae8127d7..f157ded5ec70deef7ff0f35997277127babd60f0 100644 (file)
   line-height: $font-size;
   overflow: hidden;
   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...) {