From 907529d0a847a18eb74ee7fdfa204e1cf207db51 Mon Sep 17 00:00:00 2001
From: AleksanderSklorz <115619721+AleksanderSklorz@users.noreply.github.com>
Date: Fri, 23 Jun 2023 11:32:20 +0200
Subject: [PATCH] ACS-5374 Fixed lost styles for library details after
 refreshing page (#3296)

---
 .../library-metadata-form.component.scss      | 20 +++++++++++++++++++
 .../library-metadata-form.component.ts        |  1 +
 2 files changed, 21 insertions(+)
 create mode 100644 projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.scss

diff --git a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.scss b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.scss
new file mode 100644
index 0000000000..66bb54325a
--- /dev/null
+++ b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.scss
@@ -0,0 +1,20 @@
+app-library-metadata-form {
+  .mat-form-field-infix {
+    position: relative;
+    width: 180px;
+
+    .mat-form-field-label-wrapper {
+      position: absolute;
+      width: 100%;
+      pointer-events: none;
+
+      .mat-form-field-label {
+        position: absolute;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        transform-origin: 0 0;
+      }
+    }
+  }
+}
diff --git a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.ts b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.ts
index 63fefa5e2b..b04cc60cd8 100644
--- a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.ts
@@ -64,6 +64,7 @@ export class InstantErrorStateMatcher implements ErrorStateMatcher {
   ],
   selector: 'app-library-metadata-form',
   templateUrl: './library-metadata-form.component.html',
+  styleUrls: ['./library-metadata-form.component.scss'],
   encapsulation: ViewEncapsulation.None
 })
 export class LibraryMetadataFormComponent implements OnInit, OnChanges, OnDestroy {