inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-24 17:31:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-7631] Fix broken filters (#3735)

Browse Source
This commit is contained in:
tomson
2024-03-27 12:57:01 +01:00
committed by MichalKinas
parent 3900a33035
commit 58a5d6b293
4 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
projects/aca-content/src/lib/components/search/search-input-control/search-input-control.component.html
View File

@@ -8,7 +8,7 @@
> >
<mat-icon class="app-search-input-control-icon app-search-button-icon" [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon> <mat-icon class="app-search-input-control-icon app-search-button-icon" [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon>
</button> </button>
<mat-form-field class="app-input-form-field" [floatLabel]="'auto'"> <mat-form-field class="app-input-form-field" floatLabel="auto">
<input <input
matInput matInput
#searchInput #searchInput

14
projects/aca-content/src/lib/components/search/search-input-control/search-input-control.component.scss
View File

@@ -48,8 +48,20 @@ $top-margin: 12px;
} }
} }
.mat-mdc-form-field-flex {
background: #fff;
}
.mat-mdc-text-field-wrapper { .mat-mdc-text-field-wrapper {
background-color: var(--theme-search-background-color); height: 44px;
padding-left: 0;
}
.app-input-form-field-readonly {
.mat-mdc-text-field-wrapper,
.mat-mdc-form-field-flex {
background-color: var(--theme-search-background-color);
}
} }
.app-search-button { .app-search-button {

4
projects/aca-content/src/lib/components/search/search-input/search-input.component.html
View File

@@ -7,13 +7,13 @@
<button mat-icon-button class="app-search-button" (click)="searchByOption()" [title]="'SEARCH.BUTTON.TOOLTIP' | translate"> <button mat-icon-button class="app-search-button" (click)="searchByOption()" [title]="'SEARCH.BUTTON.TOOLTIP' | translate">
<mat-icon [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon> <mat-icon [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon>
</button> </button>
<mat-form-field class="app-input-form-field" [floatLabel]="'auto'"> <mat-form-field class="app-input-form-field app-input-form-field-readonly" [floatLabel]="'auto'">
<input <input
matInput matInput
[attr.aria-label]="'SEARCH.INPUT.ARIA-LABEL' | translate" [attr.aria-label]="'SEARCH.INPUT.ARIA-LABEL' | translate"
class="app-input-form-field-input" class="app-input-form-field-input"
[type]="'text'" [type]="'text'"
[disabled]="true" [readonly]="true"
[value]="searchedWord" [value]="searchedWord"
[placeholder]="'SEARCH.INPUT.PLACEHOLDER' | translate" [placeholder]="'SEARCH.INPUT.PLACEHOLDER' | translate"
/> />

7
projects/aca-content/src/lib/components/search/search-input/search-input.component.scss
View File

@@ -30,10 +30,6 @@ $top-margin: 12px;
&-input { &-input {
caret-color: var(--theme-text-color); caret-color: var(--theme-text-color);
&:disabled {
color: var(--theme-text-color);
}
} }
} }
@@ -44,7 +40,8 @@ $top-margin: 12px;
} }
} }
.app-search-options-menu { /* stylelint-disable-next-line */
.app-search-options-menu.mat-mdc-menu-panel {
background-color: var(--theme-dialog-background-color); background-color: var(--theme-dialog-background-color);
width: $search-width; width: $search-width;
max-width: unset; max-width: unset;