inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-19 17:14:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

ACS-8602 remove mat-selectors

Browse Source
This commit is contained in:
Darya Balvanovich 2024-09-03 13:40:37 +02:00 committed by Darya Blavanovich
parent dd14a9349d
commit 6cb3b589f8
2 changed files with 10 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
lib/core/src/lib/dialogs/dialog/dialog.component.html
View File

@ -45,8 +45,7 @@
class="adf-dialog-actions" class="adf-dialog-actions"
[ngClass]="{ 'adf-additional-actions': data.actionsTemplate || additionalActionButtons }" [ngClass]="{ 'adf-additional-actions': data.actionsTemplate || additionalActionButtons }"
> >
<div> <div class="adf-additional-actions-container">
<ng-container *ngIf="!additionalActionButtons && data.actionsTemplate"> <ng-container *ngIf="!additionalActionButtons && data.actionsTemplate">
<ng-container [ngTemplateOutlet]="data.actionsTemplate"></ng-container> <ng-container [ngTemplateOutlet]="data.actionsTemplate"></ng-container>
</ng-container> </ng-container>
@ -64,7 +63,7 @@
</ng-container> </ng-container>
</div> </div>
<div> <div class="adf-main-actions-container">
<button <button
*ngIf="!isCancelButtonHidden" *ngIf="!isCancelButtonHidden"
mat-stroked-button mat-stroked-button

18
lib/core/src/lib/dialogs/dialog/dialog.component.scss
View File

@ -1,5 +1,3 @@
@import 'styles/mat-selectors';
$dialog-large-l-width: 1075px; $dialog-large-l-width: 1075px;
$dialog-large-l-height: 907px; $dialog-large-l-height: 907px;
@ -28,6 +26,8 @@ $dialog-padding: 24px;
.adf-medium-dialog-panel, .adf-medium-dialog-panel,
.adf-alert-dialog-panel { .adf-alert-dialog-panel {
min-width: calc(269px - $dialog-padding * 2); min-width: calc(269px - $dialog-padding * 2);
border-radius: 8px;
overflow: hidden;
@media screen and (max-width: $xxs-screen) { @media screen and (max-width: $xxs-screen) {
.adf-additional-actions { .adf-additional-actions {
@ -185,6 +185,12 @@ $dialog-padding: 24px;
padding-top: $dialog-padding; padding-top: $dialog-padding;
text-transform: capitalize; text-transform: capitalize;
min-height: auto; min-height: auto;
.adf-main-actions-container,
.adf-additional-actions-container {
display: flex;
column-gap: 8px;
}
} }
&.adf-large { &.adf-large {
@ -280,11 +286,3 @@ $dialog-padding: 24px;
.adf-additional-actions { .adf-additional-actions {
color: var(--theme-primary-color); 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;
}