|
|
|
@ -67,12 +67,7 @@ export const FileExplorerMenu = (props: FileExplorerMenuProps) => { |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<> |
|
|
|
|
<CustomTooltip placement="top" tooltipId="remixuilabelTooltip" tooltipClasses="text-nowrap" tooltipText={props.title}> |
|
|
|
|
<span className="remixui_label" data-path={props.title} style={{fontWeight: 'bold'}}> |
|
|
|
|
{props.title} |
|
|
|
|
</span> |
|
|
|
|
</CustomTooltip> |
|
|
|
|
<span className="pl-0 pb-1"> |
|
|
|
|
<span data-id="spanContaining" className="pl-0 pb-1 w-50"> |
|
|
|
|
{state.menuItems.map(({action, title, icon, placement}, index) => { |
|
|
|
|
if (action === 'uploadFile') { |
|
|
|
|
return ( |
|
|
|
@ -83,7 +78,13 @@ export const FileExplorerMenu = (props: FileExplorerMenuProps) => { |
|
|
|
|
tooltipText={<FormattedMessage id={`filePanel.${action}`} defaultMessage={title} />} |
|
|
|
|
key={`index-${action}-${placement}-${icon}`} |
|
|
|
|
> |
|
|
|
|
<label id={action} style={{fontSize: '1.1rem', cursor: 'pointer'}} data-id={'fileExplorerUploadFile' + action} className={icon + ' mb-0 px-1 remixui_newFile'} key={`index-${action}-${placement}-${icon}`}> |
|
|
|
|
<label |
|
|
|
|
id={action} |
|
|
|
|
style={{fontSize: '1.1rem', cursor: 'pointer'}} |
|
|
|
|
data-id={'fileExplorerUploadFile' + action} |
|
|
|
|
className={icon + ' mx-1 remixui_menuItem'} |
|
|
|
|
key={`index-${action}-${placement}-${icon}`} |
|
|
|
|
> |
|
|
|
|
<input |
|
|
|
|
id="fileUpload" |
|
|
|
|
data-id="fileExplorerFileUpload" |
|
|
|
@ -108,7 +109,13 @@ export const FileExplorerMenu = (props: FileExplorerMenuProps) => { |
|
|
|
|
tooltipText={<FormattedMessage id={`filePanel.${action}`} defaultMessage={title} />} |
|
|
|
|
key={`index-${action}-${placement}-${icon}`} |
|
|
|
|
> |
|
|
|
|
<label id={action} style={{fontSize: '1.1rem', cursor: 'pointer'}} data-id={'fileExplorerUploadFolder' + action} className={icon + ' mb-0 px-1 remixui_newFile'} key={`index-${action}-${placement}-${icon}`}> |
|
|
|
|
<label |
|
|
|
|
id={action} |
|
|
|
|
style={{fontSize: '1.1rem', cursor: 'pointer'}} |
|
|
|
|
data-id={'fileExplorerUploadFolder' + action} |
|
|
|
|
className={icon + ' mx-1 remixui_menuItem'} |
|
|
|
|
key={`index-${action}-${placement}-${icon}`} |
|
|
|
|
> |
|
|
|
|
<input |
|
|
|
|
id="folderUpload" |
|
|
|
|
data-id="fileExplorerFolderUpload" |
|
|
|
@ -151,7 +158,7 @@ export const FileExplorerMenu = (props: FileExplorerMenuProps) => { |
|
|
|
|
state.actions[action]() |
|
|
|
|
} |
|
|
|
|
}} |
|
|
|
|
className={'newFile ' + icon + ' pr-2 pl-1 remixui_newFile'} |
|
|
|
|
className={icon + ' mx-1 remixui_menuItem'} |
|
|
|
|
key={`${action}-${title}-${index}`} |
|
|
|
|
></label> |
|
|
|
|
</CustomTooltip> |
|
|
|
|