add new helper and apply to menu auth label (#26181)

hashicorp · Apr 10, 2024 · 0445e62 · 0445e62
1 parent f6c71dd
commit 0445e62
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/ui/app/components/sidebar/user-menu.hbs b/ui/app/components/sidebar/user-menu.hbs
@@ -17,7 +17,7 @@
   <Dropdown.Content>
     <div class="popup-menu-content" data-test-user-menu-content>
       <div class="box">
-        <div class="menu-label">
+        <div class="menu-label overflow-wrap">
           {{capitalize this.auth.authData.displayName}}
         </div>
         <nav class="menu">

diff --git a/ui/app/styles/helper-classes/general.scss b/ui/app/styles/helper-classes/general.scss
@@ -77,6 +77,10 @@
   white-space: pre-wrap;
 }
 
+.overflow-wrap {
+  overflow-wrap: break-word;
+}
+
 .truncate-second-line {
   display: -webkit-box;
   -webkit-line-clamp: 2;