ACS-8602 remove mat-selectors

Alfresco · Sep 14, 2024 · 6cb3b58 · 6cb3b58
1 parent dd14a93
commit 6cb3b58
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/lib/core/src/lib/dialogs/dialog/dialog.component.html b/lib/core/src/lib/dialogs/dialog/dialog.component.html
@@ -45,8 +45,7 @@ <h2 class="adf-dialog-title">{{ data.title | translate }}</h2>
         class="adf-dialog-actions"
         [ngClass]="{ 'adf-additional-actions': data.actionsTemplate || additionalActionButtons }"
     >
-        <div>
-
+        <div class="adf-additional-actions-container">
             <ng-container *ngIf="!additionalActionButtons && data.actionsTemplate">
                 <ng-container [ngTemplateOutlet]="data.actionsTemplate"></ng-container>
             </ng-container>
@@ -64,7 +63,7 @@ <h2 class="adf-dialog-title">{{ data.title | translate }}</h2>
             </ng-container>
         </div>
 
-        <div>
+        <div class="adf-main-actions-container">
             <button
                 *ngIf="!isCancelButtonHidden"
                 mat-stroked-button

diff --git a/lib/core/src/lib/dialogs/dialog/dialog.component.scss b/lib/core/src/lib/dialogs/dialog/dialog.component.scss
@@ -1,5 +1,3 @@
-@import 'styles/mat-selectors';
-
 $dialog-large-l-width: 1075px;
 $dialog-large-l-height: 907px;
 
@@ -28,6 +26,8 @@ $dialog-padding: 24px;
 .adf-medium-dialog-panel,
 .adf-alert-dialog-panel {
     min-width: calc(269px - $dialog-padding * 2);
+    border-radius: 8px;
+    overflow: hidden;
 
     @media screen and (max-width: $xxs-screen) {
         .adf-additional-actions {
@@ -185,6 +185,12 @@ $dialog-padding: 24px;
         padding-top: $dialog-padding;
         text-transform: capitalize;
         min-height: auto;
+
+        .adf-main-actions-container,
+        .adf-additional-actions-container {
+            display: flex;
+            column-gap: 8px;
+        }
     }
 
     &.adf-large {
@@ -280,11 +286,3 @@ $dialog-padding: 24px;
 .adf-additional-actions {
     color: var(--theme-primary-color);
 }
-
-#{$mat-dialog-actions} #{$mat-button-base} + #{$mat-button-base} {
-    margin-left: 16px;
-}
-
-#{$mat-dialog-container} #{$mat-dialog-surface} {
-    border-radius: 8px;
-}