inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-24 17:31:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

AAE-34494 break dependency on ADF mat selectors (#4536)

Browse Source
This commit is contained in:
Denys Vuika
2025-04-25 11:49:19 -04:00
committed by GitHub
parent 680b11ba2e
commit 6928d8de13
21 changed files with 266 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.scss
View File

@@ -1,11 +1,11 @@
@import '@alfresco/adf-core/lib/styles/mat-selectors';
@use '../styles/mat-selectors' as ms;
.aca-manage-rules {
#{$mat-slide-toggle}:is(mat-slide-toggle) #{$mat-switch}:enabled #{$mat-switch-track}::after {
#{ms.$mat-slide-toggle}:is(mat-slide-toggle) #{ms.$mat-switch}:enabled #{ms.$mat-switch-track}::after {
background: var(--mdc-switch-selected-track-color);
}
#{$mat-slide-toggle} #{$mat-switch} #{$mat-switch-handle}::before {
#{ms.$mat-slide-toggle} #{ms.$mat-switch} #{ms.$mat-switch-handle}::before {
background: var(--mdc-switch-selected-pressed-handle-color);
}

4
projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.scss
View File

@@ -1,4 +1,4 @@
@import '@alfresco/adf-core/lib/styles/mat-selectors';
@use '../../styles/mat-selectors' as ms;
/* stylelint-disable selector-class-pattern */
.aca-rule-action-list {
@@ -32,7 +32,7 @@
flex: 1;
}
#{$mat-text-field-disabled}#{$mat-text-field-filled} {
#{ms.$mat-text-field-disabled}#{ms.$mat-text-field-filled} {
background: transparent;
}

10
projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.scss
View File

@@ -1,4 +1,4 @@
@import '@alfresco/adf-core/lib/styles/mat-selectors';
@use '../../styles/mat-selectors' as ms;
.aca-rule-composite-condition {
display: block;
@@ -22,8 +22,8 @@
display: flex;
gap: 8px;
#{$mat-form-field} {
#{$mat-form-field-infix} {
#{ms.$mat-form-field} {
#{ms.$mat-form-field-infix} {
padding-bottom: 4px;
}
}
@@ -38,10 +38,10 @@
flex: 1;
}
.aca-rule-composite-condition__boolean-mode-control #{$mat-form-field-wrapper} {
.aca-rule-composite-condition__boolean-mode-control #{ms.$mat-form-field-wrapper} {
background-color: unset;
#{$mat-select-disabled} {
#{ms.$mat-select-disabled} {
color: var(--adf-theme-foreground-text-color);
}
}

4
projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss
View File

@@ -1,9 +1,9 @@
@import '@alfresco/adf-core/lib/styles/mat-selectors';
@use '../styles/mat-selectors' as ms;
.aca-edit-rule-dialog-container {
--edit-rule-dialog-padding: 8px 20px;
#{$mat-dialog-surface} {
#{ms.$mat-dialog-surface} {
padding: 0;
}
}

20
projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.scss
View File

@@ -1,4 +1,4 @@
@import '@alfresco/adf-core/lib/styles/mat-selectors';
@use '../styles/mat-selectors' as ms;
.aca-rule-details {
.aca-rule-details__form__triggers {
@@ -88,14 +88,14 @@
}
&.aca-read-only,
#{$mat-form-field-disabled} {
#{$mat-notched-outline-leading},
#{$mat-notched-outline-trailing},
#{$mat-notched-outline-notch} {
#{ms.$mat-form-field-disabled} {
#{ms.$mat-notched-outline-leading},
#{ms.$mat-notched-outline-trailing},
#{ms.$mat-notched-outline-notch} {
border: none;
}
#{$mat-line-ripple} {
#{ms.$mat-line-ripple} {
&::before,
&::after {
display: none;
@@ -103,21 +103,21 @@
}
*:disabled,
#{$mat-select-disabled} #{$mat-select-value} {
#{ms.$mat-select-disabled} #{ms.$mat-select-value} {
color: inherit;
}
#{$mat-select-arrow-wrapper} {
#{ms.$mat-select-arrow-wrapper} {
display: none;
}
}
.aca-rule-details__form__row #{$mat-form-field-flex} #{$mat-form-field-infix} {
.aca-rule-details__form__row #{ms.$mat-form-field-flex} #{ms.$mat-form-field-infix} {
padding-bottom: 0.375em;
padding-top: 24px;
}
.aca-rule-details__form__row aca-rule-action #{$mat-form-field-flex} #{$mat-form-field-infix} {
.aca-rule-details__form__row aca-rule-action #{ms.$mat-form-field-flex} #{ms.$mat-form-field-infix} {
padding-top: 0.1em;
padding-bottom: 0.1em;
}

4
projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.scss
View File

@@ -1,9 +1,9 @@
@import '@alfresco/adf-core/lib/styles/mat-selectors';
@use '../styles/mat-selectors' as ms;
.aca-rule-set-picker-container {
--rule-set-picker-padding: 8px 20px;
#{$mdc-dialog} #{$mat-dialog-surface} {
#{ms.$mdc-dialog} #{ms.$mat-dialog-surface} {
padding: 0;
}
}

27
projects/aca-content/folder-rules/src/styles/mat-selectors.scss Normal file
View File

@@ -0,0 +1,27 @@
$mat-line: '.mat-line';
$mat-form-field: '.mat-mdc-form-field';
$mat-form-field-flex: '.mat-mdc-form-field-flex';
$mat-form-field-wrapper: '.mat-mdc-text-field-wrapper';
$mat-line-ripple: '.mdc-line-ripple';
$mat-select: '.mat-mdc-select';
$mat-select-value: '.mat-select-value';
$mat-slide-toggle: '.mat-mdc-slide-toggle';
$mat-form-field-infix: '.mat-mdc-form-field-infix';
$mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper';
$mat-dialog-surface: '.mat-mdc-dialog-surface';
$mdc-dialog: '.mdc-dialog';
$mat-notched-outline: '.mdc-notched-outline';
$mat-select-arrow: '.mat-mdc-select-arrow';
$mat-notched-outline-leading: '.mdc-notched-outline__leading';
$mat-notched-outline-trailing: '.mdc-notched-outline__trailing';
$mat-notched-outline-notch: '.mdc-notched-outline__notch';
$mat-text-field-filled: '.mdc-text-field--filled';
$mat-text-field-disabled: '.mdc-text-field--disabled';
$mat-switch: '.mdc-switch';
$mat-switch-handle: '.mdc-switch__handle';
$mat-switch-track: '.mdc-switch__track';
$mat-list-item: '.mdc-list-item';
$mat-text-field: '.mdc-text-field';
$mat-form-field-disabled: '.mat-form-field-disabled';
$mat-select-disabled: '.mat-mdc-select-disabled';
$mat-select-value: '.mat-mdc-select-value';