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