/* styles for ellipsis with '...'
 *
 * By default, truncate 3 lines.
 */
/* FIXME pg, 21-06-2018: Might be done in the future by using a similar kind of
         entity like it is planned for the messages in the main header, so
         a truncation might be defined in the backend by for example splitting
         longer texts up into head and body.
 */
.block-truncated {
   /* hide text if it more than N lines  */
   overflow: hidden;
   /* for set '...' in absolute position */
   position: relative;
   /* use this value to count block height */
   line-height: 1.2em;
   /* max-height = line-height (1.2) * lines max number (3) */
   max-height: 3.6em;
   /* fix problem when last visible word doesn't adjoin right side  */
   text-align: justify;
   /* place for '...' */
   margin-right: -1em;
   padding-right: 1em;
}

/* create the ... */

.block-truncated:before {
   /* points in the end */
   content: '...';
   /* absolute position */
   position: absolute;
   /* set position to right bottom corner of block */
   right: 0;
   bottom: 0;
}

/* hide ... if we have text, which is less than or equal to max lines */

.block-truncated:after {
   /* points in the end */
   content: '';
   /* absolute position */
   position: absolute;
   /* set position to right bottom corner of text */
   right: 0;
   /* set width and height */
   width: 1em;
   height: 1em;
   margin-top: 0.2em;
   /* bg color = bg color under block */
   background: white;
}


.truncate-5-lines {
   max-height: 6em;
}

.truncate-8-lines {
   max-height: 9.6em;
}