From 7ede3ec1894bd2e796b2f352c1e63e386dd14be8 Mon Sep 17 00:00:00 2001
From: Max Peintner <max@caos.ch>
Date: Thu, 30 May 2024 17:40:37 +0200
Subject: [PATCH] fix(console): projects descriptions (#8037)

# Which Problems Are Solved

This PR fixes a visualization issue for the projects description
<img width="826" alt="Screenshot 2024-05-29 at 17 05 50"
src="https://github.com/zitadel/zitadel/assets/10165752/18407fad-1e11-47f2-a1df-ba9a5ebf4e69">

# How the Problems Are Solved

The [innerHTML] directive renders the `<br/>` line breaks in the
translation.

# Additional Context

-
https://discord.com/channels/927474939156643850/1245354943926374422/1245354943926374422

Co-authored-by: Elio Bischof <elio@zitadel.com>
---
 console/src/app/pages/projects/projects.component.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/console/src/app/pages/projects/projects.component.html b/console/src/app/pages/projects/projects.component.html
index 8f6dea63f9..dd71661c63 100644
--- a/console/src/app/pages/projects/projects.component.html
+++ b/console/src/app/pages/projects/projects.component.html
@@ -6,9 +6,11 @@
         <mat-icon class="icon">info_outline</mat-icon>
       </a>
     </div>
-    <p class="sub cnsl-secondary-text max-width-description">
-      {{ 'DESCRIPTIONS.PROJECTS.DESCRIPTION' | translate }}
-    </p>
+    <p
+      class="sub cnsl-secondary-text max-width-description"
+      [innerHTML]="'DESCRIPTIONS.PROJECTS.DESCRIPTION' | translate"
+    ></p>
+
     <div class="projects-controls">
       <div class="project-toggle-group">
         <cnsl-nav-toggle