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

* [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

View File

@ -1,27 +1,26 @@
adf-process-instance-filters {
.adf {
&-filters__entry:has(.adf-filter-action-button) {
padding: 12px 0;
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%;
}
.adf-filter-action-button .adf-filter-action-button__label {
.adf-filter-action-button {
align-items: center;
height: 32px;
.adf-filter-action-button__label {
padding-left: 20px;
margin: 0 8px;
}
&.adf-active,
&:hover {
color: var(--theme-primary-color);
opacity: 1;
}
}
}
}

View File

@ -1,27 +1,26 @@
adf-task-filters {
.adf {
&-filters__entry:has(.adf-filter-action-button) {
padding: 12px 0;
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%;
}
.adf-filter-action-button .adf-filter-action-button__label {
.adf-filter-action-button {
align-items: center;
height: 32px;
.adf-filter-action-button__label {
padding-left: 20px;
margin: 0 8px;
}
&.adf-active,
&:hover {
color: var(--theme-primary-color);
opacity: 1;
}
}
}
}