Merge pull request #2438 from ethereum/FEScroll

fixed width and wrap of FE nodes

apps/remix-ide-e2e/src/tests/fileManager_api.test.ts

@@ -71,7 +71,7 @@ module.exports = {
       .addFile('mkdirFile.js', { content: executeMkdir })
       .executeScript('remix.exeCurrent()')
       .pause(2000)
-      .waitForElementPresent('[data-id="treeViewLitreeViewItemTest_Folder"]', 60000)
+      .waitForElementPresent('[data-id="treeViewLitreeViewItemTest_Folder"]', 80000)
   },
 
   'Should execute `readdir` api from file manager external api #group3': function (browser: NightwatchBrowser) {

libs/remix-ui/tree-view/src/lib/remix-ui-tree-view.tsx

@@ -7,7 +7,7 @@ export const TreeView = (props: TreeViewProps) => {
   const { children, id, ...otherProps } = props
 
   return (
-    <ul data-id={`treeViewUl${id}`} className="ul_tv ml-0 px-2" { ...otherProps }>
+    <ul data-id={`treeViewUl${id}`} className="ul_tv ml-0 pl-2" { ...otherProps }>
       { children }
     </ul>
   )

libs/remix-ui/workspace/src/lib/components/file-label.tsx

@@ -57,7 +57,7 @@ export const FileLabel = (props: FileLabelProps) => {
     >
       <span
         title={file.path}
-        className={'remixui_label ' + (file.isDirectory ? 'folder' : 'remixui_leaf')}
+        className={'text-nowrap remixui_label ' + (file.isDirectory ? 'folder' : 'remixui_leaf')}
         data-path={file.path}
       >
         { file.name }