display icon to the right

pull/5370/head
David Disu 2 years ago
parent f7b04d1265
commit a9c385159d
  1. 9
      libs/remix-ui/workspace/src/lib/components/tooltipInput.tsx
  2. 4
      libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx

@ -19,12 +19,12 @@ const CustomToggle = React.forwardRef(({ children, onClick }: { children?: React
export const CloneWorkspace = () => { export const CloneWorkspace = () => {
return ( return (
<Dropdown className="inline"> <Dropdown>
<Dropdown.Toggle as={CustomToggle} id="dropdown-custom-components"> <Dropdown.Toggle as={CustomToggle} id="dropdown-custom-components">
<i className="fas fa-cloud-download remixui_menuicon"></i> <i className="fas fa-cloud-download remixui_menuicon" data-toggle="dropdown"></i>
</Dropdown.Toggle> </Dropdown.Toggle>
<Dropdown.Menu> <Dropdown.Menu renderOnMount={true}>
{/* <Dropdown.Item eventKey="1"> {/* <Dropdown.Item eventKey="1">
<FormControl <FormControl
autoFocus autoFocus
@ -34,6 +34,7 @@ export const CloneWorkspace = () => {
value={value} value={value}
/> />
</Dropdown.Item> */} </Dropdown.Item> */}
<div role="tabpanel">
<FormControl <FormControl
autoFocus autoFocus
className="mx-3 my-2 w-auto" className="mx-3 my-2 w-auto"
@ -41,6 +42,8 @@ export const CloneWorkspace = () => {
onChange={() => {}} onChange={() => {}}
value='' value=''
/> />
</div>
</Dropdown.Menu> </Dropdown.Menu>
</Dropdown> </Dropdown>
) )

@ -159,6 +159,7 @@ export function Workspace () {
<label className="form-check-label" htmlFor="workspacesSelect"> <label className="form-check-label" htmlFor="workspacesSelect">
Workspaces Workspaces
</label> </label>
<div className="d-flex justify-content-between">
<span className="remixui_menu"> <span className="remixui_menu">
<span <span
hidden={currentWorkspace === LOCALHOST} hidden={currentWorkspace === LOCALHOST}
@ -215,8 +216,11 @@ export function Workspace () {
className='far fa-upload remixui_menuicon' className='far fa-upload remixui_menuicon'
title='Restore Workspaces Backup'> title='Restore Workspaces Backup'>
</span> </span>
</span>
<span className="remixui_menu">
<CloneWorkspace /> <CloneWorkspace />
</span> </span>
</div>
<select id="workspacesSelect" value={currentWorkspace} data-id="workspacesSelect" onChange={(e) => switchWorkspace(e.target.value)} className="form-control custom-select"> <select id="workspacesSelect" value={currentWorkspace} data-id="workspacesSelect" onChange={(e) => switchWorkspace(e.target.value)} className="form-control custom-select">
{ {
global.fs.browser.workspaces global.fs.browser.workspaces

Loading…
Cancel
Save