Support large cards

2025-08-26 01:16:16 +00:00 · 2021-02-24 13:02:26 -08:00
parent 83c88ca472
commit ee92ab1136
3 changed files with 80 additions and 5 deletions
--- a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss
+++ b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss
@@ -37,3 +37,26 @@
 .doc-img-background-selected {
  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;
+}