inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-7769] Fixed UI issue where Tasks and Processes filters had different spacing than the rest of side-nav (#9653)

Browse Source 
* [ACS-7769] Fixed UI issue where Tasks and Processes filters had different spacing than the rest of side-nav

* [ACS-7769] Fixed alignment of text inside buttons
This commit is contained in:
swapnil-verma-gl 2024-05-22 09:52:29 +05:30 committed by GitHub
parent 04bfe86ae5
commit 3df9a8cedf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 40 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
lib/process-services/src/lib/process-list/components/process-filters.component.scss
View File

@ -1,27 +1,26 @@
.adf { adf-process-instance-filters {
&-filters__entry:has(.adf-filter-action-button) { .adf {
padding: 12px 0; &-filters__entry:has(.adf-filter-action-button) {
height: 24px; padding: 0;
width: 100%;
cursor: pointer;
font-size: var(--theme-body-1-font-size);
font-weight: bold;
opacity: 0.54;
.adf-full-width {
display: flex;
width: 100%; width: 100%;
} cursor: pointer;
font-size: var(--theme-body-1-font-size);
font-weight: bold;
.adf-filter-action-button .adf-filter-action-button__label { .adf-full-width {
padding-left: 20px; display: flex;
margin: 0 8px; width: 100%;
} }
&.adf-active, .adf-filter-action-button {
&:hover { align-items: center;
color: var(--theme-primary-color); height: 32px;
opacity: 1;
.adf-filter-action-button__label {
padding-left: 20px;
margin: 0 8px;
}
}
} }
} }
} }

41
lib/process-services/src/lib/task-list/components/task-filters.component.scss
View File

@ -1,27 +1,26 @@
.adf { adf-task-filters {
&-filters__entry:has(.adf-filter-action-button) { .adf {
padding: 12px 0; &-filters__entry:has(.adf-filter-action-button) {
height: 24px; padding: 0;
width: 100%;
cursor: pointer;
font-size: var(--theme-body-1-font-size);
font-weight: bold;
opacity: 0.54;
.adf-full-width {
display: flex;
width: 100%; width: 100%;
} cursor: pointer;
font-size: var(--theme-body-1-font-size);
font-weight: bold;
.adf-filter-action-button .adf-filter-action-button__label { .adf-full-width {
padding-left: 20px; display: flex;
margin: 0 8px; width: 100%;
} }
&.adf-active, .adf-filter-action-button {
&:hover { align-items: center;
color: var(--theme-primary-color); height: 32px;
opacity: 1;
.adf-filter-action-button__label {
padding-left: 20px;
margin: 0 8px;
}
}
} }
} }
} }