inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-8630] - Removing mat-selectors

Browse Source
This commit is contained in:
VitoAlbano
2026-08-03 13:13:47 +01:00
parent a74979e399
commit 92a31d8c50
8 changed files with 41 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/core/src/lib/datatable/components/datatable/datatable.component.html
+2
View File
@@ -71,6 +71,7 @@
"
[attr.aria-sort]="col.sortable ? (getAriaSort(col) | translate) : null"
cdkDrag
cdkDragPreviewClass="adf-datatable-drag-preview"
cdkDragLockAxis="x"
(cdkDragStarted)="isDraggingHeaderColumn = true"
(cdkDragDropped)="onDropHeaderColumn($event)"
@@ -246,6 +247,7 @@
<adf-datatable-row
*ngFor="let row of data.getRows(); let idx = index"
cdkDrag
cdkDragPreviewClass="adf-datatable-drag-preview"
[cdkDragDisabled]="!enableDragRows"
(cdkDragDropped)="onDragDrop($event)"
(cdkDragStarted)="onDragStart()"
lib/core/src/lib/datatable/components/datatable/datatable.component.scss
+29 -31
View File
@@ -69,7 +69,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
}
.adf-datatable-list,
#{ms.$cdk-drag-preview} {
.adf-datatable-drag-preview {
display: flex;
flex-direction: column;
background-color: var(--mat-sys-surface);
@@ -139,6 +139,33 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
outline: 1px solid var(--mat-sys-primary);
}
}
&:focus-within,
&:hover {
.adf-datatable-actions-menu .adf-datatable-hide-actions-without-hover {
visibility: visible;
}
}
.adf-datatable-actions-menu {
margin-left: auto;
justify-content: end;
padding-right: 15px;
&:focus-visible,
&:focus-within {
.adf-datatable-hide-actions-without-hover {
visibility: visible;
}
}
&-provided {
/* stylelint-disable declaration-no-important */
max-width: 100px !important;
justify-content: center;
padding-right: 0;
}
}
}
.adf-blur-datatable-body {
@@ -338,35 +365,6 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
}
}
.adf-datatable-row {
&:focus-within,
&:hover {
.adf-datatable-actions-menu .adf-datatable-hide-actions-without-hover {
visibility: visible;
}
}
.adf-datatable-actions-menu {
margin-left: auto;
justify-content: end;
padding-right: 15px;
&:focus-visible,
&:focus-within {
.adf-datatable-hide-actions-without-hover {
visibility: visible;
}
}
&-provided {
/* stylelint-disable declaration-no-important */
max-width: 100px !important;
justify-content: center;
padding-right: 0;
}
}
}
.adf-datatable-checkbox {
display: flex;
justify-content: center;
@@ -655,7 +653,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !default;
}
}
#{ms.$cdk-drag-preview} {
.adf-datatable-drag-preview {
min-height: $data-table-row-height;
display: flex;
flex-direction: row;
lib/core/src/lib/notifications/components/notification-history.component.scss
+3 -1
View File
@@ -140,10 +140,12 @@ $notification-item-height: 72px;
}
}
#{ms.$mat-menu-panel}.adf-notification-history-menu.adf-notification-history-menu-panel {
.adf-notification-history-menu.adf-notification-history-menu-panel {
min-width: 320px;
max-height: 500px;
// .mat-mdc-menu-content is a Material-generated child of the panel;
// there is no ADF-owned element/token to target it, so it stays.
#{ms.$mat-menu-content} {
padding: 0;
}
lib/core/src/lib/styles/_mat-selectors.scss
-1
View File
@@ -59,7 +59,6 @@ $mat-evolution-chip-text-label: '.mdc-evolution-chip__text-label';
$mat-evolution-chip-graphic: '.mdc-evolution-chip__graphic';
$mat-select-trigger: '.mat-mdc-select-trigger';
$mat-button-base: '.mat-mdc-button-base';
$cdk-drag-preview: '.cdk-drag-preview';
$mat-snackbar: '.mdc-snackbar';
$mat-snack-bar-container: '.mat-mdc-snack-bar-container';
$mat-snackbar-label: '.mdc-snackbar__label';
lib/process-services/src/lib/app-list/apps-list.component.html
+1 -1
View File
@@ -35,7 +35,7 @@
<ng-container *ngIf="isLoading(); else empty">
<div class="adf-app-list-spinner">
<mat-progress-spinner mode="indeterminate" />
<mat-progress-spinner class="adf-app-list-spinner-progress" mode="indeterminate" />
</div>
</ng-container>
lib/process-services/src/lib/app-list/apps-list.component.scss
+1 -2
View File
@@ -1,5 +1,4 @@
@use 'sass:map';
@use '../styles/mat-selectors' as ms;
@use '../styles/flex' as flex;
.adf-app-list-item {
@@ -57,7 +56,7 @@ $tile-themes: (
flex-direction: column;
height: 85vh;
#{ms.$mat-progress-spinner} {
.adf-app-list-spinner-progress {
margin: 0 auto;
}
}
lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss
+5 -7
View File
@@ -1,20 +1,18 @@
@use '../../../styles/mat-selectors' as ms;
.adf-attach-file-widget-dialog {
#{ms.$mat-dialog-actions} {
// Targets the <mat-dialog-actions class="adf-login-dialog-actions"> element directly.
.adf-login-dialog-actions {
display: flex;
justify-content: flex-end;
margin-left: -25px;
margin-right: -25px;
padding-right: 25px;
button {
text-transform: uppercase;
}
}
.adf-login-dialog-actions {
margin-left: -25px;
margin-right: -25px;
padding-right: 25px;
}
}
#{ms.$mat-dialog-surface} {
lib/process-services/src/lib/styles/mat-selectors.scss
-2
View File
@@ -1,6 +1,5 @@
/* Variables in this file are used in the Angular Material library. Do not modify them unless you know what you are doing. */
$mat-progress-spinner: '.mat-mdc-progress-spinner';
$mat-card: '.mat-mdc-card';
$mat-card-header-text: '.mat-mdc-card-header-text';
$mat-card-content: '.mat-mdc-card-content';
@@ -13,7 +12,6 @@ $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper';
$mat-button: '.mat-mdc-button';
$mat-button-label: '.mdc-button__label';
$mat-input-element: '.mat-mdc-input-element';
$mat-dialog-actions: '.mat-mdc-dialog-actions';
$mat-line: '.mat-line';
$mat-select-value-text: '.mat-mdc-select-value-text';
$mat-form-field-label: '.mat-mdc-floating-label';