[AAE-15480] - fixed variables name and added mat card variable (#8713)

* [AAE-15480] - fixed variables name and added mat card variable

* [AAE-15480] - updated variable names
This commit is contained in:
Vito Albano 2023-06-28 15:49:01 +01:00 committed by GitHub
parent 567e264d93
commit ac3d959364
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 14 deletions

View File

@ -40,6 +40,10 @@
display: flex; display: flex;
place-content: center space-between; place-content: center space-between;
align-items: center; align-items: center;
background: var(--adf-card-view-array-item-background);
border: var(--adf-card-view-array-item-border);
border-color: var(--adf-card-view-array-item-border-color);
border-radius: var(--adf-card-view-array-item-border-radius);
.mat-chip:hover { .mat-chip:hover {
cursor: pointer; cursor: pointer;

View File

@ -5,7 +5,11 @@
--adf-card-view-background: $adf-ref-card-background, --adf-card-view-background: $adf-ref-card-background,
--adf-card-view-border: $adf-ref-card-border, --adf-card-view-border: $adf-ref-card-border,
--adf-card-view-border-color: $adf-ref-card-border-color, --adf-card-view-border-color: $adf-ref-card-border-color,
--adf-card-view-border-radius: $adf-ref-card-border-radius-0, --adf-card-view-border-radius: $adf-ref-card-border-radius-slim,
--adf-card-view-array-item-background: $adf-ref-card-background,
--adf-card-view-array-item-border: $adf-ref-card-border,
--adf-card-view-array-item-border-color: $adf-ref-card-border-color,
--adf-card-view-array-item-border-radius: $adf-ref-card-border-radius-slim,
--adf-edit-task-and-service-filter-header-title-color: $adf-ref-title-color, --adf-edit-task-and-service-filter-header-title-color: $adf-ref-title-color,
--adf-edit-task-and-service-filter-header-description-color: $adf-ref-description-color, --adf-edit-task-and-service-filter-header-description-color: $adf-ref-description-color,
--adf-edit-task-and-service-filter-content-text-label-color: $adf-ref-text-field-label-color, --adf-edit-task-and-service-filter-content-text-label-color: $adf-ref-text-field-label-color,
@ -20,8 +24,8 @@
--adf-edit-process-filter-content-select-label-color: $adf-ref-select-field-label-color, --adf-edit-process-filter-content-select-label-color: $adf-ref-select-field-label-color,
--adf-about-server-settings-background: $adf-ref-card-background, --adf-about-server-settings-background: $adf-ref-card-background,
--adf-about-server-settings-color: $adf-ref-card-color, --adf-about-server-settings-color: $adf-ref-card-color,
--adf-about-server-settings-border-radius: $adf-ref-card-border-radius-4, --adf-about-server-settings-border-radius: $adf-ref-card-border-radius-normal,
--adf-about-server-settings-padding: $adf-ref-card-padding-16, --adf-about-server-settings-padding: $adf-ref-card-padding,
--adf-package-list-table-background: $adf-ref-table-background, --adf-package-list-table-background: $adf-ref-table-background,
--adf-package-list-table-header-border-bottom-color: $adf-ref-table-header-border-bottom-color, --adf-package-list-table-header-border-bottom-color: $adf-ref-table-header-border-bottom-color,
--adf-package-list-table-header-border-style: $adf-ref-table-header-border-style, --adf-package-list-table-header-border-style: $adf-ref-table-header-border-style,
@ -36,11 +40,11 @@
--adf-package-list-table-row-min-height: $adf-ref-table-row-min-height, --adf-package-list-table-row-min-height: $adf-ref-table-row-min-height,
--adf-package-list-table-row-cell-color: $adf-ref-table-row-cell-color, --adf-package-list-table-row-cell-color: $adf-ref-table-row-cell-color,
--adf-identity-user-info-background: var(--adf-theme-primary-300), --adf-identity-user-info-background: var(--adf-theme-primary-300),
--adf-identity-user-info-height: $adf-ref-height-40, --adf-identity-user-info-height: $adf-ref-height,
--adf-identity-user-info-width: $adf-ref-width-40, --adf-identity-user-info-width: $adf-ref-width,
--adf-identity-user-info-line-height: $adf-ref-line-height-40, --adf-identity-user-info-line-height: $adf-ref-line-height,
--adf-identity-user-info-font-size: var(--theme-adf-picture-1-font-size), --adf-identity-user-info-font-size: var(--theme-adf-picture-1-font-size),
--adf-user-info-container-margin-right: $adf-ref-margin-right-8, --adf-user-info-container-margin-right: $adf-ref-margin-right,
); );
// propagates SCSS variables into the CSS variables scope // propagates SCSS variables into the CSS variables scope

View File

@ -1,15 +1,15 @@
$adf-ref-card-background: white; $adf-ref-card-background: white;
$adf-ref-card-border: unset; $adf-ref-card-border: unset;
$adf-ref-card-border-color: unset; $adf-ref-card-border-color: unset;
$adf-ref-card-border-radius-0: 0; $adf-ref-card-border-radius-slim: 0;
$adf-ref-height-48: 48px; $adf-ref-height-48: 48px;
$adf-ref-title-color: rgba(0, 0, 0, 0.87); $adf-ref-title-color: rgba(0, 0, 0, 0.87);
$adf-ref-description-color: rgba(0, 0, 0, 0.54); $adf-ref-description-color: rgba(0, 0, 0, 0.54);
$adf-ref-text-field-label-color: rgba(0, 0, 0, 0.54); $adf-ref-text-field-label-color: rgba(0, 0, 0, 0.54);
$adf-ref-select-field-label-color: rgba(0, 0, 0, 0.54); $adf-ref-select-field-label-color: rgba(0, 0, 0, 0.54);
$adf-ref-card-color: rgba(0, 0, 0, 0.87); $adf-ref-card-color: rgba(0, 0, 0, 0.87);
$adf-ref-card-padding-16: 16px; $adf-ref-card-padding: 16px;
$adf-ref-card-border-radius-4: 4px; $adf-ref-card-border-radius-normal: 4px;
$adf-ref-table-background: white; $adf-ref-table-background: white;
$adf-ref-table-header-border-bottom-color: rgba(0, 0, 0, 0.12); $adf-ref-table-header-border-bottom-color: rgba(0, 0, 0, 0.12);
$adf-ref-table-header-border-style: solid; $adf-ref-table-header-border-style: solid;
@ -23,7 +23,7 @@ $adf-ref-table-row-border-bottom-width: 1px;
$adf-ref-table-row-border-width: 0; $adf-ref-table-row-border-width: 0;
$adf-ref-table-row-min-height: 48px; $adf-ref-table-row-min-height: 48px;
$adf-ref-table-row-cell-color: rgba(0, 0, 0, 0.87); $adf-ref-table-row-cell-color: rgba(0, 0, 0, 0.87);
$adf-ref-height-40: 40px; $adf-ref-height: 40px;
$adf-ref-width-40: 40px; $adf-ref-width: 40px;
$adf-ref-line-height-40: 40px; $adf-ref-line-height: 40px;
$adf-ref-margin-right-8: 8px; $adf-ref-margin-right: 8px;