white space normal on item names (#2442)

CenterForOpenScience · Dec 30, 2024 · 8592e9d · 8592e9d
1 parent f43b9ea
commit 8592e9d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/lib/osf-components/addon/components/addons-service/configured-addon-edit/styles.scss b/lib/osf-components/addon/components/addons-service/configured-addon-edit/styles.scss
@@ -58,3 +58,7 @@
     margin-top: 2rem;
     float: right;
 }
+
+.item-name {
+    white-space: normal;
+}
diff --git a/lib/osf-components/addon/components/addons-service/configured-addon-edit/template.hbs b/lib/osf-components/addon/components/addons-service/configured-addon-edit/template.hbs
@@ -78,11 +78,13 @@
                                         aria-label={{t 'addons.configure.go-to-folder' folderName=folder.itemName}}
                                         {{on 'click' (fn fileManager.goToFolder folder)}}
                                     >
-                                        <FaIcon @icon='folder' />
-                                        {{folder.itemName}}
+                                        <span local-class='item-name'>
+                                            <FaIcon @icon='folder' />
+                                            {{folder.itemName}}
+                                        </span>
                                     </Button>
                                 {{else}}
-                                    <span>
+                                    <span local-class='item-name'>
                                         <FaIcon @icon='folder' />
                                         {{folder.itemName}}
                                     </span>