mirror
/
remix-project
mirror of https://github.com/ethereum/remix-project.git
2
0
Fork 0
Code Issues Releases Wiki Activity

move workspace dropdown menu back to the left

Browse Source
pull/3707/head
yann300 2 years ago
parent ce5232f339
commit 844232c526
1 changed files with 37 additions and 58 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 95
      libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx

95
libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
Unescape View File

@ -682,65 +682,44 @@ export function Workspace () {
<div> <div>
<header> <header>
<div className="mx-2 mb-2 d-flex flex-column"> <div className="mx-2 mb-2 d-flex flex-column">
<div className="d-flex justify-content-between"> <div className="d-flex">
<span className="d-flex align-items-end"> {currentWorkspace !== LOCALHOST ? (<span className="remixui_topmenu d-flex">
<label className="pl-1 form-check-label" htmlFor="workspacesSelect" style={{wordBreak: 'keep-all'}}> <Dropdown id="workspacesMenuDropdown" data-id="workspacesMenuDropdown" onToggle={() => hideIconsMenu(!showIconsMenu)} show={showIconsMenu}>
<FormattedMessage id='filePanel.workspace' /> <Dropdown.Toggle
</label> as={CustomIconsToggle}
</span> onClick={() => {
{currentWorkspace !== LOCALHOST ? (<span className="remixui_menu remixui_topmenu d-flex justify-content-between align-items-end w-75"> hideIconsMenu(!showIconsMenu)
<CustomTooltip }}
placement="top" icon={'fas fa-bars'}
tooltipId="createWorkspaceTooltip" ></Dropdown.Toggle>
tooltipClasses="text-nowrap" <Dropdown.Menu as={CustomMenu} data-id="wsdropdownMenu" className='custom-dropdown-items remixui_menuwidth' rootCloseEvent="click">
tooltipText={<FormattedMessage id='filePanel.create' />} <HamburgerMenu
> createWorkspace={createWorkspace}
<span renameCurrentWorkspace={renameCurrentWorkspace}
hidden={currentWorkspace === LOCALHOST} downloadCurrentWorkspace={downloadCurrentWorkspace}
id='workspaceCreate' deleteCurrentWorkspace={deleteCurrentWorkspace}
data-id='workspaceCreate' deleteAllWorkspaces={deleteAllWorkspaces}
onClick={(e) => { cloneGitRepository={cloneGitRepository}
e.stopPropagation() downloadWorkspaces={downloadWorkspaces}
createWorkspace() restoreBackup={restoreBackup}
_paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspaceCreate']) hideIconsMenu={hideIconsMenu}
}} addGithubAction={addGithubAction}
style={{ fontSize: 'medium' }} addSlitherGithubAction={addSlitherGithubAction}
className='far fa-plus remixui_menuicon d-flex align-self-end' addHelperScripts={addHelperScripts}
> addTsSolTestGithubAction={addTsSolTestGithubAction}
</span> showIconsMenu={showIconsMenu}
</CustomTooltip> hideWorkspaceOptions={ currentWorkspace === LOCALHOST }
<Dropdown id="workspacesMenuDropdown" data-id="workspacesMenuDropdown" onToggle={() => hideIconsMenu(!showIconsMenu)} show={showIconsMenu}> hideLocalhostOptions={ currentWorkspace === NO_WORKSPACE }
<Dropdown.Toggle />
as={CustomIconsToggle} </Dropdown.Menu>
onClick={() => { </Dropdown>
hideIconsMenu(!showIconsMenu) </span>) : null}
}} <span className="d-flex">
icon={'fas fa-bars'} <label className="pl-1 form-check-label" htmlFor="workspacesSelect" style={{wordBreak: 'keep-all'}}>
></Dropdown.Toggle> <FormattedMessage id='filePanel.workspace' />
<Dropdown.Menu as={CustomMenu} data-id="wsdropdownMenu" className='custom-dropdown-items remixui_menuwidth' rootCloseEvent="click"> </label>
<HamburgerMenu </span>
createWorkspace={createWorkspace}
renameCurrentWorkspace={renameCurrentWorkspace}
downloadCurrentWorkspace={downloadCurrentWorkspace}
deleteCurrentWorkspace={deleteCurrentWorkspace}
deleteAllWorkspaces={deleteAllWorkspaces}
cloneGitRepository={cloneGitRepository}
downloadWorkspaces={downloadWorkspaces}
restoreBackup={restoreBackup}
hideIconsMenu={hideIconsMenu}
addGithubAction={addGithubAction}
addSlitherGithubAction={addSlitherGithubAction}
addHelperScripts={addHelperScripts}
addTsSolTestGithubAction={addTsSolTestGithubAction}
showIconsMenu={showIconsMenu}
hideWorkspaceOptions={ currentWorkspace === LOCALHOST }
hideLocalhostOptions={ currentWorkspace === NO_WORKSPACE }
/>
</Dropdown.Menu>
</Dropdown>
</span>) : null}
</div> </div>
<Dropdown id="workspacesSelect" data-id="workspacesSelect" onToggle={toggleDropdown} show={showDropdown}> <Dropdown id="workspacesSelect" data-id="workspacesSelect" onToggle={toggleDropdown} show={showDropdown}>
<Dropdown.Toggle <Dropdown.Toggle
as={CustomToggle} as={CustomToggle}

Write Preview
Loading…
Cancel
Save