Files
paperless-ngx/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
2021-02-06 14:30:44 -08:00

60 lines
855 B
SCSS

@import "/src/theme";
.doc-img {
object-fit: cover;
object-position: top;
height: 200px;
mix-blend-mode: multiply;
}
.document-card-check {
display: none;
position: absolute;
top: 0;
left: 0;
.custom-control {
margin-left: 4px;
margin-right: -3px;
}
}
.document-card:hover .document-card-check {
display: block;
}
.card-selected {
border-color: $primary;
.document-card-check {
display: block;
}
}
.doc-img-background-selected {
background-color: $primaryFaded;
}
::ng-deep .popover {
max-width: 40rem;
.preview {
min-width: 30rem;
min-height: 20rem;
max-height: 35rem;
overflow-y: scroll;
}
.spinner-border {
position: absolute;
top: 4rem;
left: calc(50% - 0.5rem);
z-index: 0;
}
}
.popover-hidden ::ng-deep .popover {
opacity: 0;
pointer-events: none;
}