fix: improve add bookmark dialog

gisaia · Feb 12, 2025 · cc54d51 · cc54d51
1 parent ca649f9
commit cc54d51
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/projects/arlas-toolkit/src/lib/components/bookmark-menu/bookmark-menu.component.ts b/projects/arlas-toolkit/src/lib/components/bookmark-menu/bookmark-menu.component.ts
@@ -92,7 +92,7 @@ export class BookmarkMenuComponent implements OnInit, OnDestroy {
 
   public openDialogAdd() {
     if (!this.addBookmarkDisabled) {
-      this.dialog.open(BookmarkAddDialogComponent, { data: { name: null } });
+      this.dialog.open(BookmarkAddDialogComponent, { data: { name: null }, id: 'add-bookmark-dialog' });
     }
   }
 
@@ -104,7 +104,4 @@ export class BookmarkMenuComponent implements OnInit, OnDestroy {
     this._onDestroy$.next(true);
     this._onDestroy$.complete();
   }
-
-
-
 }
diff --git a/projects/arlas-toolkit/src/lib/components/bookmark/bookmark-add-dialog.component.scss b/projects/arlas-toolkit/src/lib/components/bookmark/bookmark-add-dialog.component.scss
@@ -17,19 +17,21 @@
  * under the License.
  */
 
-// TODO: To override globally
-::ng-deep.mdc-dialog__surface {
-  padding: 24px;
+ ::ng-deep #add-bookmark-dialog .mat-mdc-dialog-surface {
+  padding: 12px;
 }
 
 .bookmark__add {
   padding: 0;
 
   &--title {
-    margin: 0 0 20px;
     padding: 0;
 
-    .mdc-dialog__title::before {
+    --mdc-dialog-subhead-weight: 700;
+    --mdc-dialog-subhead-tracking: 0;
+    --mdc-dialog-subhead-size: 20px;
+
+    .mat-mdc-dialog-title::before {
       height: 0;
       display: block;
     }

diff --git a/projects/arlas-toolkit/src/lib/components/bookmark/bookmark.component.scss b/projects/arlas-toolkit/src/lib/components/bookmark/bookmark.component.scss
@@ -20,7 +20,8 @@
 .bookmark-table-items {
   max-height: 60vh;
   overflow-y: auto;
-  padding-top: 24px;
+  padding: 24px;
+  min-width: unset;
 
   .mat-column-checked {
     flex: 0 0 50px;

diff --git a/projects/arlas-toolkit/src/lib/components/bookmark/bookmark.component.ts b/projects/arlas-toolkit/src/lib/components/bookmark/bookmark.component.ts
@@ -140,7 +140,7 @@ export class BookmarkComponent {
   }
 
   public combine() {
-    const dialogRef = this.dialog.open(BookmarkAddDialogComponent, { data: { name: null } });
+    const dialogRef = this.dialog.open(BookmarkAddDialogComponent, { data: { name: null }, id: 'add-bookmark-dialog' });
     dialogRef.afterClosed().subscribe(bookmarkName => {
       if (bookmarkName) {
         this.bookmarkService.createCombineBookmark(bookmarkName, new Set(this.itemsCheck));
@@ -156,7 +156,7 @@ export class BookmarkComponent {
   }
 
   public updateBookMarkName(id, name){
-    const dialogRef = this.dialog.open(BookmarkAddDialogComponent, { data: { name: name } });
+    const dialogRef = this.dialog.open(BookmarkAddDialogComponent, { data: { name: name }, id: 'add-bookmark-dialog' });
     dialogRef.afterClosed().subscribe(bookmarkName => {
       if (bookmarkName) {
         this.bookmarkService.updateBookmarkName(bookmarkName, id);