changes for theme colors

This commit is contained in:
Yasa-Nataliya
2023-07-26 06:26:27 +00:00
parent 0a4b316c9b
commit 4dbed99fd8
6 changed files with 32 additions and 8 deletions

View File

@@ -455,4 +455,28 @@ describe('CategoriesManagementComponent', () => {
}));
});
});
it('should remove a category', fakeAsync(() => {
component.managementMode = CategoriesManagementMode.ASSIGN;
const categoryToRemove: Category = { id: 'catToRemove', name: 'Category to Remove' };
component.categories = [categoryToRemove];
component['_existingCategories'] = [];
component.initialCategories = [];
component.removeCategoryTitle = 'Remove Category';
component.removeCategory(categoryToRemove);
expect(component.categories.length).toBe(0);
}));
it('should hide categoryNameControl and emit event', fakeAsync(() => {
component.hideNameInput();
expect(component.categoryNameControlVisible).toBe(false);
expect(component.existingCategoriesPanelVisible).toBe(false);
}));
it('should toggle categoryNameControl visibility', () => {
component.categoryNameControlVisible = true;
expect(component.categoryNameControlVisible).toBe(true);
component.categoryNameControlVisible = false;
expect(component.categoryNameControlVisible).toBe(false);
});
});

View File

@@ -36,7 +36,7 @@
align-items: center;
border-radius: 16px;
width: fit-content;
background: rgba(33, 33, 33, 0.05);
background: var(--adf-metadata-tags-background-color);
margin-top: 12px;
padding: 6px 12px;
justify-content: center;
@@ -121,7 +121,7 @@
.adf-metadata-properties {
.mat-expansion-panel {
width: 755px;
border: 1px solid var(--adf-package-list-table-row-border-bottom-color);
border: 1px solid var(--adf-metadata-property-panel-border-color);
margin: 24px;
border-radius: 12px !important;
}

View File

@@ -357,10 +357,6 @@ export class ContentMetadataComponent implements OnChanges, OnInit, OnDestroy {
return group.title === this.displayAspect;
}
// canExpandProperties(): boolean {
// return !this.expanded || this.displayAspect === 'Properties';
// }
keyDown(event: KeyboardEvent) {
if (event.keyCode === 37 || event.keyCode === 39) { // ArrowLeft && ArrowRight
event.stopPropagation();

View File

@@ -2,7 +2,7 @@ adf-tags-creator {
display: block;
.adf-label-with-icon-button {
background: rgba(33, 33, 33, 0.05);
background: var(--adf-metadata-tags-background-color);
width: fit-content;
height: 32px;
display: inline-flex;
@@ -42,7 +42,7 @@ adf-tags-creator {
.adf-tag-search-field {
width: 752px;
background: rgba(33, 33, 33, 0.05);
background: var(--adf-metadata-tags-background-color);
height: 32px;
border-radius: 12px;
align-items: center;

View File

@@ -45,6 +45,8 @@
--adf-identity-user-info-line-height: $adf-ref-line-height,
--adf-identity-user-info-font-size: var(--theme-adf-picture-1-font-size),
--adf-user-info-container-margin-right: $adf-ref-margin-right,
--adf-metadata-property-panel-border-color: $adf-metadata-property-panel-border-color,
--$adf-metadata-tags-background-color: $adf-metadata-tags-background-color
);
// propagates SCSS variables into the CSS variables scope

View File

@@ -27,3 +27,5 @@ $adf-ref-height: 40px;
$adf-ref-width: 40px;
$adf-ref-line-height: 40px;
$adf-ref-margin-right: 8px;
$adf-metadata-property-panel-border-color: rgba(0, 0, 0, 0.12);
$adf-metadata-tags-background-color: rgba(33, 33, 33, 0.05);