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