From 31cd32406cf1037d33fa01a45980724d894a5df4 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+nikonratm@users.noreply.github.com>
Date: Wed, 3 Mar 2021 20:49:02 -0800
Subject: [PATCH] Refactor popover css to single file

---
 .../document-card-large.component.scss        | 23 -------------------
 .../document-card-large.component.ts          |  2 +-
 .../document-card-small.component.scss        | 23 -------------------
 .../document-card-small.component.ts          |  2 +-
 .../popover-preview/popover-preview.scss      | 22 ++++++++++++++++++
 5 files changed, 24 insertions(+), 48 deletions(-)
 create mode 100644 src-ui/src/app/components/document-list/popover-preview/popover-preview.scss

diff --git 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
index cf4e876d4..c49de93b5 100644
--- 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,26 +37,3 @@
 .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;
-}
diff --git a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts
index d5168476b..5ae24493b 100644
--- a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts
+++ b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts
@@ -8,7 +8,7 @@ import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
 @Component({
   selector: 'app-document-card-large',
   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 {
 
diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
index c8f4a17c9..cbe8fa6f6 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
@@ -34,26 +34,3 @@
 .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;
-}
diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
index cd88143e1..3e03f5e62 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
@@ -8,7 +8,7 @@ import { NgbPopover } from '@ng-bootstrap/ng-bootstrap';
 @Component({
   selector: 'app-document-card-small',
   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 {
 
diff --git a/src-ui/src/app/components/document-list/popover-preview/popover-preview.scss b/src-ui/src/app/components/document-list/popover-preview/popover-preview.scss
new file mode 100644
index 000000000..b88c308d2
--- /dev/null
+++ b/src-ui/src/app/components/document-list/popover-preview/popover-preview.scss
@@ -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;
+}