UI: refactoring style

3 years ago · 3e2b52b500
2 changed files with 6 additions and 4 deletions
--- a/ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.html
+++ b/ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.html
@ -15,7 +15,7 @@
    limitations under the License.

 -->
-<mat-form-field subscriptSizing="dynamic">
+<mat-form-field class="tb-rule-select" subscriptSizing="dynamic">
  <mat-icon matPrefix>settings_ethernet</mat-icon>
  <mat-select fxFlex
              class="tb-rule-chain-select"
--- a/ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.scss
+++ b/ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.scss
@ -25,8 +25,10 @@
 }

 :host ::ng-deep {
-  .mat-mdc-form-field-infix {
-    min-height: 48px;
-    padding: 12px 0 !important;
+  .mat-mdc-form-field.tb-rule-select .mdc-text-field {
+    .mat-mdc-form-field-infix {
+      min-height: 48px;
+      padding: 12px 0;
+    }
  }
 }