UI Tweaks

booklore-ui/src/app/features/book/components/book-browser/BookDialogHelperService.ts

@@ -20,7 +20,7 @@ import {AdditionalFileUploaderComponent} from '../additional-file-uploader/addit
 export class BookDialogHelperService {
 
   private dialogLauncherService = inject(DialogLauncherService);
-  
+
   private openDialog(component: any, options: {}): DynamicDialogRef | null {
     return this.dialogLauncherService.openDialog(component, options);
   }
@@ -36,7 +36,7 @@ export class BookDialogHelperService {
   }
 
   openShelfAssignerDialog(book: Book | null, bookIds: Set<number> | null): DynamicDialogRef | null {
-    const data:any = {};
+    const data: any = {};
     if (book !== null) {
       data.isMultiBooks = false;
       data.book = book;
@@ -87,7 +87,7 @@ export class BookDialogHelperService {
       data: {
         bookIds: Array.from(bookIds),
       },
-      styleClass: 'dialog-maximal',
+      styleClass: 'dialog-maximal'
     });
   }
 
@@ -97,7 +97,7 @@ export class BookDialogHelperService {
       data: {
         bookIds: Array.from(bookIds),
       },
-      styleClass: 'dialog-maximal',
+      styleClass: 'dialog-full'
     });
   }
 
@@ -108,7 +108,8 @@ export class BookDialogHelperService {
       data: {
         bookIds: Array.from(bookIds),
       },
-      styleClass: 'dialog-maximal',
+      styleClass: 'dialog-full',
+      maximizable: true,
     });
   }
 

booklore-ui/src/app/features/metadata/component/multi-book-metadata-editor/multi-book-metadata-editor-component.html

@@ -8,7 +8,7 @@
         <p-tab value="match">Search Metadata</p-tab>
       }
     </p-tablist>
-    <p-tabpanels class="h-[80dvh]">
+    <p-tabpanels class="h-[78dvh]">
       @if (admin || canEditMetadata) {
         <p-tabpanel value="edit">
           <app-metadata-editor

booklore-ui/src/app/shared/services/dialog-launcher.service.ts

@@ -34,12 +34,14 @@ export class DialogLauncherService {
     modal: true,
     resizable: false,
     showHeader: true,
+    maximizable: false,
   }
 
   openDialog(component: any, options: {}): DynamicDialogRef | null {
     return this.dialogService.open(component, {
-      ...this.defaultDialogOptions, 
+      ...this.defaultDialogOptions,
       ...options,
+
     });
   }
 
@@ -86,7 +88,7 @@ export class DialogLauncherService {
       data: {
         libraryId: libraryId,
         metadataRefreshType: MetadataRefreshType.LIBRARY,
-      }
+      },
     });
   }
 
@@ -186,4 +188,4 @@ export class DialogLauncherService {
     });
   }
 
-}
+}

booklore-ui/src/assets/layout/styles/global.scss

@@ -27,6 +27,18 @@
   max-height: 95vh;
 }
 
+.dialog-full.p-dialog {
+  width: 95vw;
+  height: 95vh;
+}
+
+.dialog-medium.p-dialog {
+  width: 90vw;
+  max-width: 900px;
+  height: 90vh;
+  max-height: 90vh;
+}
+
 .gradient-divider {
   min-height: 1px;
   height: 1px;