From acc32bf77dc4f9ca0c91be443af6c4cb553a7437 Mon Sep 17 00:00:00 2001
From: Michael W Spalti <mspalti@gmail.com>
Date: Wed, 5 Oct 2022 14:50:25 -0700
Subject: [PATCH 1/3] Hiding thumbnail in modal.

---
 .../virtual-metadata.component.html           |  2 +-
 .../virtual-metadata.component.ts             | 10 +++++-
 src/styles/_global-styles.scss                | 36 +++++++++++++------
 3 files changed, 35 insertions(+), 13 deletions(-)

diff --git a/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.html b/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.html
index c103d83c71..b83b93d8f1 100644
--- a/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.html
+++ b/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.html
@@ -1,4 +1,4 @@
-<div>
+<div [ngClass]="showThumbnails ? 'hide-modal-thumbnail-column' : ''">
     <div class="modal-header">{{'virtual-metadata.delete-relationship.modal-head' | translate}}
         <button type="button" class="close" (click)="close.emit()" aria-label="Close">
             <span aria-hidden="true">×</span>
diff --git a/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.ts b/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.ts
index f86630e0e4..8122750c01 100644
--- a/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.ts
+++ b/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.ts
@@ -1,8 +1,9 @@
-import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
+import { Component, EventEmitter, Inject, Input, OnInit, Output } from '@angular/core';
 import {Observable} from 'rxjs';
 import {Item} from '../../../core/shared/item.model';
 import {MetadataValue} from '../../../core/shared/metadata.models';
 import {ObjectUpdatesService} from '../../../core/data/object-updates/object-updates.service';
+import { APP_CONFIG, AppConfig } from '../../../../config/app-config.interface';
 
 @Component({
   selector: 'ds-virtual-metadata',
@@ -45,6 +46,11 @@ export class VirtualMetadataComponent implements OnInit {
    */
   @Output() save = new EventEmitter();
 
+  /**
+   * Display thumbnails if required by configuration
+   */
+  showThumbnails: boolean;
+
   /**
    * Get an array of the left and the right item of the relationship to be deleted.
    */
@@ -56,7 +62,9 @@ export class VirtualMetadataComponent implements OnInit {
 
   constructor(
     protected objectUpdatesService: ObjectUpdatesService,
+    @Inject(APP_CONFIG) protected appConfig: AppConfig,
   ) {
+    this.showThumbnails = this.appConfig.browseBy.showThumbnails;
   }
 
   /**
diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss
index 6533ef3d53..930384cf64 100644
--- a/src/styles/_global-styles.scss
+++ b/src/styles/_global-styles.scss
@@ -138,6 +138,29 @@ ds-dynamic-form-control-container.d-none {
 .btn-dark {
   background-color: var(--ds-admin-sidebar-bg);
 }
+
+.preserve-line-breaks {
+  white-space: pre-line;
+}
+
+/* Thumbnail styles */
+.hide-placeholder-text {
+  .thumbnail-placeholder {
+    color: transparent !important;
+  }
+}
+
+/* Used to hide the thumbnail column in modals. */
+.hide-modal-thumbnail-column {
+  .modal-body ds-listable-object-component-loader div.row > div:first-child {
+    display: none;
+  }
+  .modal-body ds-listable-object-component-loader div.row > div:nth-child(2) {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+
 /* The font sizes used in "no thumbnail" placeholder */
 .thumb-font-0 {
   .thumbnail-placeholder {
@@ -153,13 +176,6 @@ ds-dynamic-form-control-container.d-none {
     padding: 0.1rem;
   }
 }
-
-.hide-placeholder-text {
-  .thumbnail-placeholder {
-    color: transparent !important;
-  }
-}
-
 .thumb-font-1 {
   .thumbnail-placeholder {
     @media screen and (max-width: map-get($grid-breakpoints, sm)) {
@@ -170,7 +186,7 @@ ds-dynamic-form-control-container.d-none {
       font-size: 0.4rem;
       padding: 0.1rem;
     }
-    font-size: 0.6rem;
+    font-size: 0.5rem;
     padding: 0.125rem;
   }
 }
@@ -187,6 +203,4 @@ ds-dynamic-form-control-container.d-none {
   }
 }
 
-.preserve-line-breaks {
-  white-space: pre-line;
-}
+

From 8d30788f05180cfd7da7314354a20fb00fa75bab Mon Sep 17 00:00:00 2001
From: Michael W Spalti <mspalti@gmail.com>
Date: Wed, 5 Oct 2022 15:08:42 -0700
Subject: [PATCH 2/3] Updated test.

---
 .../virtual-metadata/virtual-metadata.component.spec.ts        | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.spec.ts b/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.spec.ts
index 8fb1b1c483..9391df4755 100644
--- a/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.spec.ts
+++ b/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.spec.ts
@@ -7,6 +7,8 @@ import { VirtualMetadataComponent } from './virtual-metadata.component';
 import { Item } from '../../../core/shared/item.model';
 import { ObjectUpdatesService } from '../../../core/data/object-updates/object-updates.service';
 import { VarDirective } from '../../../shared/utils/var.directive';
+import { APP_CONFIG } from '../../../../config/app-config.interface';
+import { environment } from '../../../../environments/environment';
 
 describe('VirtualMetadataComponent', () => {
 
@@ -46,6 +48,7 @@ describe('VirtualMetadataComponent', () => {
       declarations: [VirtualMetadataComponent, VarDirective],
       providers: [
         { provide: ObjectUpdatesService, useValue: objectUpdatesService },
+        { provide: APP_CONFIG, useValue: environment }
       ], schemas: [
         NO_ERRORS_SCHEMA
       ]

From e572e4f41ea83f96abc9b345f2bea466b7631a60 Mon Sep 17 00:00:00 2001
From: Michael W Spalti <mspalti@gmail.com>
Date: Thu, 6 Oct 2022 02:27:24 -0700
Subject: [PATCH 3/3] Updated comment.

---
 .../virtual-metadata/virtual-metadata.component.ts             | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.ts b/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.ts
index 8122750c01..6f8991dc73 100644
--- a/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.ts
+++ b/src/app/item-page/edit-item-page/virtual-metadata/virtual-metadata.component.ts
@@ -47,7 +47,8 @@ export class VirtualMetadataComponent implements OnInit {
   @Output() save = new EventEmitter();
 
   /**
-   * Display thumbnails if required by configuration
+   * Indicates when thumbnails are required by configuration and therefore
+   * need to be hidden in the modal layout.
    */
   showThumbnails: boolean;