Showing Truncation Indicator only when truncation is acutally applied
This commit is contained in:
		@@ -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({
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user