From e3fd36b8815e290e2186f33b706ccad90831169f Mon Sep 17 00:00:00 2001
From: nikolay <gugalohikolaychur@gmail.com>
Date: Mon, 29 May 2023 16:16:12 +0400
Subject: [PATCH] =?UTF-8?q?dev=20#14384=20=D0=9F=D1=80=D0=B0=D0=B2=D0=BA?=
 =?UTF-8?q?=D0=B0=20=D0=BE=D1=88=D0=B8=D0=B1=D0=BE=D0=BA=20=D0=BE=D1=82?=
 =?UTF-8?q?=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8=D1=8F=20WPA=20?=
 =?UTF-8?q?=D0=9A=D0=BE=D1=84=D0=B5=D0=9B=D0=B0=D0=B9=D0=BA:=20fix=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 angular/src/app/directives/directives.module.ts |  5 +++--
 .../directives/update-outline-gap.directive.ts  | 17 +++++++++++++++++
 angular/src/styles.scss                         |  2 +-
 3 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 angular/src/app/directives/update-outline-gap.directive.ts

diff --git a/angular/src/app/directives/directives.module.ts b/angular/src/app/directives/directives.module.ts
index 28b7064..832c7dd 100644
--- a/angular/src/app/directives/directives.module.ts
+++ b/angular/src/app/directives/directives.module.ts
@@ -2,12 +2,13 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FocusNextInputDirective } from './focus-next-input.directive';
 import { DownloadAppDirective } from './download-app.directive';
+import { UpdateOutlineGapDirective } from './update-outline-gap.directive';
 
 @NgModule({
   imports: [
     CommonModule
   ],
-  declarations: [FocusNextInputDirective, DownloadAppDirective],
-  exports: [FocusNextInputDirective, DownloadAppDirective]
+  declarations: [FocusNextInputDirective, DownloadAppDirective, UpdateOutlineGapDirective],
+  exports: [FocusNextInputDirective, DownloadAppDirective, UpdateOutlineGapDirective]
 })
 export class DirectivesModule { }
diff --git a/angular/src/app/directives/update-outline-gap.directive.ts b/angular/src/app/directives/update-outline-gap.directive.ts
new file mode 100644
index 0000000..cd44156
--- /dev/null
+++ b/angular/src/app/directives/update-outline-gap.directive.ts
@@ -0,0 +1,17 @@
+import { AfterViewInit, Directive } from '@angular/core';
+import { MatFormField } from '@angular/material/form-field';
+
+// TODO: this is temporary workaround, upgrade angular to 15+, where input labels fork fine
+@Directive({
+  selector: 'mat-form-field[appearance=outline]',
+})
+export class UpdateOutlineGapDirective implements AfterViewInit {
+  constructor(private formField: MatFormField) {
+  }
+
+  ngAfterViewInit() {
+    document.fonts.ready.then(() => {
+      this.formField.updateOutlineGap();
+    });
+  }
+}
diff --git a/angular/src/styles.scss b/angular/src/styles.scss
index e34ead8..a5e5ead 100644
--- a/angular/src/styles.scss
+++ b/angular/src/styles.scss
@@ -100,7 +100,7 @@ hr {
 }
 
 .mat-menu-panel {
-    background: #231f20;
+    background: var(--background-color);
     border-radius: 0;
 }