New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add tooltips across buttons in interface to help tutorialize use #270

Open

brettfiedler opened this issue Sep 11, 2024 · 1 comment

Assignees

Labels

design:general dev:enhancement

Contributor

brettfiedler commented Sep 11, 2024

Can use the Tooltip from react-bootstrap/Tooltip to use OverlayTrigger on buttons.

CameraMain.js for example

<OverlayTrigger placement='left' overlay={<Tooltip id='tooltip'>Click to toggle the sidebar</Tooltip>}>
<Button
  onClick={() => this.setState({ sidebarOpen: !this.state.sidebarOpen })}
>
  {this.state.sidebarOpen ? '☰ Close Sidebar' : '☰ Open Sidebar'}
</Button>
</OverlayTrigger>

Will work on adding this to other buttons across the interface.

brettfiedler added dev:enhancement design:general labels

brettfiedler self-assigned this

brettfiedler added a commit that referenced this issue


          color changes, tooltip initial add #270 #267

e2fa952

Contributor Author

brettfiedler commented Sep 11, 2024

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment