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 - part II

Browse Source
This commit is contained in:
VitoAlbano
2026-08-03 13:13:48 +01:00
parent 92a31d8c50
commit 8fe0f96720
17 changed files with 42 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/process-services/src/lib/form/start-form/start-form.component.scss
+14 -7
View File
@@ -1,3 +1,4 @@
@use '@angular/material' as mat;
@use '../../styles/mat-selectors' as ms;
.adf-form-container {
@@ -22,9 +23,12 @@
text-transform: uppercase;
}
& #{ms.$mat-tab-ink-bar} {
height: 4px;
}
// Tab active-indicator thickness via the public token API.
@include mat.tabs-overrides(
(
active-indicator-height: 4px
)
);
& #{ms.$mat-form-field-wrapper} {
margin: 0 12px 0 0;
@@ -84,10 +88,13 @@
padding-bottom: 25px;
padding-right: 25px;
& #{ms.$mat-button} {
height: 36px;
border-radius: 5px;
}
// Text buttons (incl. projected custom buttons) sized via public token API.
@include mat.button-overrides(
(
text-container-height: 36px,
text-container-shape: 5px
)
);
& #{ms.$mat-button-label} {
width: 58px;
lib/process-services/src/lib/styles/mat-selectors.scss
-5
View File
@@ -4,19 +4,14 @@ $mat-card: '.mat-mdc-card';
$mat-card-header-text: '.mat-mdc-card-header-text';
$mat-card-content: '.mat-mdc-card-content';
$mat-card-header: '.mat-mdc-card-header';
$mat-card-title: '.mat-mdc-card-title';
$mat-tab-body-content: '.mat-mdc-tab-body-content';
$mat-tab-label-text: '.mdc-tab__text-label';
$mat-tab-ink-bar: '.mdc-tab-indicator';
$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-line: '.mat-line';
$mat-select-value-text: '.mat-mdc-select-value-text';
$mat-form-field-label: '.mat-mdc-floating-label';
$mat-form-field: '.mat-mdc-form-field';
$mat-form-field-prefix: '.mat-mdc-form-field-text-prefix';
$mat-slide-toggle: '.mat-mdc-slide-toggle';
$mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper';
$mat-dialog-surface: '.mat-mdc-dialog-surface';
lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss
+9 -4
View File
@@ -1,3 +1,4 @@
@use '@angular/material' as mat;
@use '../../../styles/mat-selectors' as ms;
.adf-task-form {
@@ -10,10 +11,14 @@
padding-right: 25px;
padding-bottom: 25px;
& #{ms.$mat-button} {
height: 36px;
border-radius: 5px;
}
// Buttons here (incl. any projected/templated ones) are text buttons;
// size them via Material's public token API instead of the internal class.
@include mat.button-overrides(
(
text-container-height: 36px,
text-container-shape: 5px
)
);
& #{ms.$mat-button-label} {
width: 58px;