From d643d0fe425c921be9a6ce5cc6a6347804c5ea03 Mon Sep 17 00:00:00 2001 From: Philippe Lafreniere Date: Tue, 22 Nov 2022 14:30:23 -0500 Subject: [PATCH 1/2] fix(context-list): fix css clear filter button --- .../context-manager/context-list/context-list.component.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/context/src/lib/context-manager/context-list/context-list.component.scss b/packages/context/src/lib/context-manager/context-list/context-list.component.scss index ff1a594aa4..8b5c049602 100644 --- a/packages/context/src/lib/context-manager/context-list/context-list.component.scss +++ b/packages/context/src/lib/context-manager/context-list/context-list.component.scss @@ -11,7 +11,9 @@ } .clear-button { - padding-right: 5px; + ::ng-deep mat-icon { + width: auto !important; + } } mat-form-field { From 693164bc4d0182cae0ce9ab6943e00ea6c17bd1f Mon Sep 17 00:00:00 2001 From: Philippe Lafreniere Date: Tue, 29 Nov 2022 15:10:20 -0500 Subject: [PATCH 2/2] fix(mat-icon-suffix): globalize css fix for suffix --- demo/src/app/app.component.scss | 7 +++++++ .../context-list/context-list.component.scss | 6 ------ 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/demo/src/app/app.component.scss b/demo/src/app/app.component.scss index d787f941c5..7da4e03c45 100644 --- a/demo/src/app/app.component.scss +++ b/demo/src/app/app.component.scss @@ -40,3 +40,10 @@ mat-sidenav-content { } :ng-deep .mat-tooltip-hide { display: none!important; } // temporary fix (https://github.com/angular/components/issues/24614) + +::ng-deep .mat-form-field-suffix { + ::ng-deep mat-icon { + width: auto !important; + height: -webkit-fill-available !important; + } +} diff --git a/packages/context/src/lib/context-manager/context-list/context-list.component.scss b/packages/context/src/lib/context-manager/context-list/context-list.component.scss index 8b5c049602..f0d24d6621 100644 --- a/packages/context/src/lib/context-manager/context-list/context-list.component.scss +++ b/packages/context/src/lib/context-manager/context-list/context-list.component.scss @@ -10,12 +10,6 @@ padding-left: 6px; } -.clear-button { - ::ng-deep mat-icon { - width: auto !important; - } -} - mat-form-field { height: 40px; }