From ccb81cf4ce6601b68b2987bc0188e185cb380e4a Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Wed, 3 Mar 2021 17:51:33 +0100
Subject: [PATCH] Showing Truncation Indicator only when truncation is acutally
 applied

---
 .../truncation/_truncation.styl               | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/components/00_ContentShape/truncation/_truncation.styl b/components/00_ContentShape/truncation/_truncation.styl
index 7c1280f..ae7100b 100644
--- a/components/00_ContentShape/truncation/_truncation.styl
+++ b/components/00_ContentShape/truncation/_truncation.styl
@@ -1,4 +1,5 @@
 RV-Truncation--fade(background-color=white)
+	padding-bottom 20px
 	&:after
 		background-image linear-gradient(180deg, rgba(255, 255, 255, 0), background-color)
 		display block
@@ -11,6 +12,14 @@ RV-Truncation--fade(background-color=white)
 		height 50px
 		line-height var(--line-height)
 		z-index 10
+	*:after
+		display inline-block
+		background-color #fff
+		content '###'
+		color transparent
+		position absolute
+		right 0
+		z-index 30
 
 RV-Truncation--ellipsis(background-color=white)
 	&:after
@@ -22,8 +31,16 @@ RV-Truncation--ellipsis(background-color=white)
 		padding-left 5px
 		padding-bottom 10px
 		box-shadow -10px 8px 6px 0px #fff;
-		line-height var(--line-height)
-		top calc(var(--height) - 40px)
+		line-height --line-height
+		top calc(--height - 40px)
+	*:after
+		display inline-block
+		background-color #fff
+		content '###'
+		color transparent
+		position absolute
+		right 0
+		z-index 30
 
 RV-Truncation(line-height=1.3, height=350px)
 	RV-CSSParameter({