feature(api-console-gui): show the route description with white-space…

…:pre-wrap to respect the newlines the developer used in description for formatting (#421)
deepkit · Apr 12, 2023 · 058f090 · 058f090
1 parent 05247ae
commit 058f090
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/packages/api-console-gui/src/app/views/http/route-detail.component.ts b/packages/api-console-gui/src/app/views/http/route-detail.component.ts
@@ -92,7 +92,7 @@ import { getTypeJitContainer } from '@deepkit/type';
                         </div>
                         <div style="margin-top: 10px; flex: 2 1 auto;">
                             <label>Description</label>
-                            {{route.description || 'none'}}
+                            <div class="formatted-text">{{route.description || 'none'}}</div>
                         </div>
                     </div>
                 </deepkit-box>

diff --git a/packages/api-console-gui/src/app/views/overview.component.html b/packages/api-console-gui/src/app/views/overview.component.html
@@ -61,7 +61,7 @@ <h3>Could not load API information</h3>
                         </div>
                         <div style="margin-top: 10px; flex: 2 1 auto;">
                             <label>Description</label>
-                            {{route.description || 'none'}}
+                            <div class="formatted-text">{{route.description || 'none'}}</div>
                         </div>
                     </div>
                 </div>

diff --git a/packages/api-console-gui/src/app/views/view-styles.scss b/packages/api-console-gui/src/app/views/view-styles.scss
@@ -62,3 +62,7 @@
         flex: 0 0 50%;
     }
 }
+
+.formatted-text {
+    white-space: pre-wrap;
+}