paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-11-03 03:16:10 -06:00
Code Issues Packages Projects Releases Wiki Activity

Refactor popover css to single file

Browse Source
This commit is contained in:
Michael Shamoon
2021-03-03 20:49:02 -08:00
parent e5f750dcbe
commit 31cd32406c
5 changed files with 24 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss
View File

@@ -37,26 +37,3 @@
.doc-img-background-selected { .doc-img-background-selected {
background-color: $primaryFaded; background-color: $primaryFaded;
} }
::ng-deep .popover {
max-width: 40rem;
.preview {
min-width: 25rem;
min-height: 15rem;
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;
}

2
src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts
View File

@@ -8,7 +8,7 @@ import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
@Component({ @Component({
selector: 'app-document-card-large', selector: 'app-document-card-large',
templateUrl: './document-card-large.component.html', templateUrl: './document-card-large.component.html',
styleUrls: ['./document-card-large.component.scss'] styleUrls: ['./document-card-large.component.scss', '../popover-preview/popover-preview.scss']
}) })
export class DocumentCardLargeComponent implements OnInit { export class DocumentCardLargeComponent implements OnInit {

23
src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
View File

@@ -34,26 +34,3 @@
.doc-img-background-selected { .doc-img-background-selected {
background-color: $primaryFaded; background-color: $primaryFaded;
} }
::ng-deep .popover {
max-width: 40rem;
.preview {
min-width: 25rem;
min-height: 15rem;
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;
}

2
src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
View File

@@ -8,7 +8,7 @@ import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
@Component({ @Component({
selector: 'app-document-card-small', selector: 'app-document-card-small',
templateUrl: './document-card-small.component.html', templateUrl: './document-card-small.component.html',
styleUrls: ['./document-card-small.component.scss'] styleUrls: ['./document-card-small.component.scss', '../popover-preview/popover-preview.scss']
}) })
export class DocumentCardSmallComponent implements OnInit { export class DocumentCardSmallComponent implements OnInit {

22
src-ui/src/app/components/document-list/popover-preview/popover-preview.scss Normal file
View File

@@ -0,0 +1,22 @@
::ng-deep .popover {
max-width: 40rem;
.preview {
min-width: 25rem;
min-height: 15rem;
max-height: 35rem;
overflow-y: scroll;
}
.spinner-border {
position: absolute;
top: 4rem;
left: calc(50% - 0.5rem);
z-index: 0;
}
}
::ng-deep .popover-hidden .popover {
opacity: 0;
pointer-events: none;
}