[ACS-8556] Resolved issue where UI for type to narrow field in the add aspect dropdown was broken (#10066)

* [ACS-8556] Resolved issue where UI for type to narrow field in the add aspect dropdown was broken

* [ACS-8556] Empty commit

* [ACS-8556] Empty commit

* [ACS-8556] Empty commit
This commit is contained in:
swapnil-verma-gl
2024-09-12 12:05:17 +05:30
committed by GitHub
parent ed24f4932c
commit 3458546c92
2 changed files with 7 additions and 3 deletions

View File

@@ -15,6 +15,7 @@
<button <button
matSuffix matSuffix
mat-icon-button mat-icon-button
class="adf-select-filter-clear-button"
[attr.aria-label]="'SELECT_FILTER.BUTTON.ARIA_LABEL' | translate" [attr.aria-label]="'SELECT_FILTER.BUTTON.ARIA_LABEL' | translate"
*ngIf="term" *ngIf="term"
(keydown.enter)="reset($event)" (keydown.enter)="reset($event)"

View File

@@ -8,7 +8,6 @@ $select-filter-height: 4em !default;
.adf-select-filter-input-container { .adf-select-filter-input-container {
width: 100%; width: 100%;
display: flex;
z-index: 100; z-index: 100;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-color-087);
@@ -21,10 +20,14 @@ $select-filter-height: 4em !default;
#{$mat-form-field} { #{$mat-form-field} {
width: 100%; width: 100%;
} }
.adf-select-filter-clear-button {
padding: 0;
}
} }
#{$mat-select-panel}.adf-select-filter { #{$mat-select-panel}.adf-select-filter {
transform: none !important; transform: none;
overflow-x: hidden !important; overflow-x: hidden;
max-height: calc(256px + #{$select-filter-height}); max-height: calc(256px + #{$select-filter-height});
} }