From c9948a174421ae0c4f4180df160178a95fd949d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Till=20Sch=C3=BCtze?=
 <151851258+TIL-EBP@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:10:12 +0100
Subject: [PATCH] assets-32: break long titles so the edit button is not
 hidden. same for the search result in order to display the entire title (#44)

---
 apps/client-asset-sg/src/styles.scss                          | 4 ++++
 .../asset-search-detail/asset-search-detail.component.html    | 2 +-
 .../asset-search-results/asset-search-results.component.html  | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/client-asset-sg/src/styles.scss b/apps/client-asset-sg/src/styles.scss
index 905ce93a..0aeb8664 100644
--- a/apps/client-asset-sg/src/styles.scss
+++ b/apps/client-asset-sg/src/styles.scss
@@ -877,3 +877,7 @@ input {
 .ellipsis {
     @include mixins.text-ellipsis;
 }
+
+.break-word {
+  word-break: break-all;
+}
diff --git a/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.html b/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.html
index 68adbdbb..47cede1a 100644
--- a/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.html
+++ b/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.html
@@ -16,7 +16,7 @@
         <ng-container *rxLet="rdAssetDetail$ | push; let rdAssetDetail">
             <ng-container *ngIf="rdAssetDetail._tag === 'RemoteSuccess'">
                 <div class="flex flex-row justify-between mb-4">
-                    <div class="text-dark-red font-bold mt-2.5" [innerHTML]="rdAssetDetail.value.titlePublic"></div>
+                    <div class="text-dark-red break-word font-bold mt-2.5" [innerHTML]="rdAssetDetail.value.titlePublic"></div>
                     <a
                         *ngIf="null | isEditor"
                         asset-sg-icon-button
diff --git a/libs/asset-viewer/src/lib/components/asset-search-results/asset-search-results.component.html b/libs/asset-viewer/src/lib/components/asset-search-results/asset-search-results.component.html
index f5d328ea..077be62d 100644
--- a/libs/asset-viewer/src/lib/components/asset-search-results/asset-search-results.component.html
+++ b/libs/asset-viewer/src/lib/components/asset-search-results/asset-search-results.component.html
@@ -50,7 +50,7 @@
                             [routerLink]="['.']"
                             [queryParams]="{ assetId: asset.assetId }"
                             queryParamsHandling="merge"
-                            class="asset-title-public"
+                            class="asset-title-public break-word"
                             [class.active]="currentAssetId._tag === 'Some' && asset.assetId === currentAssetId.value"
                             [innerHTML]="asset.titlePublic"></a>
                         <div class="asset-kind-format">