[AAE-15149] Added reference variables to edit task filter component (#8636)

* AAE-15149: Added reference variables to edit task filter component

* AAE-15149: Added component variables

* AAE-15149: updated variable names

* AAE-15149: updated class names targeting directly the elements

* AAE-15149: updated class names targeting directly the elements

* AAE-15149: Fixed lint errors
This commit is contained in:
Ehsan Rezaei
2023-06-12 15:31:38 +02:00
committed by GitHub
parent 6c6f7613b4
commit c66fb5f6ec
5 changed files with 40 additions and 8 deletions

View File

@@ -0,0 +1,16 @@
@use './reference-variables' as *;
@mixin adf-components-variables() {
$defaults: (
--adf-edit-task-and-service-filter-header-title-color: $adf-ref-edit-task-and-service-filter-header-title-color,
--adf-edit-task-and-service-filter-header-description-color: $adf-ref-edit-task-and-service-filter-header-description-color,
--adf-edit-task-and-service-filter-header-height: $adf-ref-edit-task-and-service-filter-header-height,
);
// propagates SCSS variables into the CSS variables scope
:root {
@each $name, $value in $defaults {
#{$name}: #{$value};
}
}
}

View File

@@ -10,6 +10,7 @@
@import '../clipboard/clipboard.theme';
@import './snackbar.theme';
@import './material.theme';
@import './components-variables';
@import '../../../../../node_modules/@mat-datetimepicker/core/datetimepicker/datetimepicker-theme';
@mixin alfresco-material-theme($theme) {
@@ -112,6 +113,7 @@
@include mat-datetimepicker-theme($theme);
@include adf-snackbar-theme;
@include adf-material-theme;
@include adf-components-variables;
}
$adf-custom-theme-sizes: (

View File

@@ -0,0 +1,3 @@
$adf-ref-edit-task-and-service-filter-header-title-color: rgba(0, 0, 0, 0.87);
$adf-ref-edit-task-and-service-filter-header-description-color: rgba(0, 0, 0, 0.54);
$adf-ref-edit-task-and-service-filter-header-height: 48px;