datatable.directory codebase https://datatable.directory/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
datatable.directory/resources/assets/sass/_block-collapse.scss

49 lines
998 B

.block-collapse {
overflow: hidden;
text-overflow: ellipsis;
position: relative;
&::before,
&::after {
position: absolute;
right: 0;
bottom: 0;
text-align: right;
height: 1.7em;
line-height: 1.7em;
cursor: pointer;
}
&::after{
content: '';
width: 100%;
height: 50%;
background: linear-gradient(170deg, rgba(255, 255, 255, 0) 30%, white 90%),
linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, white 100%);
}
&::before {
content: '';
z-index: 10;
color: $gray-500;
}
&.reveal {
max-height: unset !important; // override inline styles
&::before, &::after {
display: none;
}
}
}
.card .block-collapse::after{
background: linear-gradient(170deg, rgba($card-bg, 0) 30%, $card-bg 90%),
linear-gradient(to bottom, rgba($card-bg, 0) 80%, $card-bg 100%);
}
.infobox .block-collapse::after{
background: linear-gradient(170deg, rgba($body-bg, 0) 30%, $body-bg 90%),
linear-gradient(to bottom, rgba($body-bg, 0) 80%, $body-bg 100%);
}