diff options
author | 2024-04-26 20:27:32 +0200 | |
---|---|---|
committer | 2024-04-26 20:27:32 +0200 | |
commit | 2ef2233a7c6f062deaf9b7e76beb51e7f9945c71 (patch) | |
tree | a7554de9d813334170eeaaba46793490568b9413 /subprojects/frontend/src/graph/ZoomButtons.tsx | |
parent | fix(language): Sonar lint issue (diff) | |
parent | chore(deps): bump dependencies (diff) | |
download | refinery-2ef2233a7c6f062deaf9b7e76beb51e7f9945c71.tar.gz refinery-2ef2233a7c6f062deaf9b7e76beb51e7f9945c71.tar.zst refinery-2ef2233a7c6f062deaf9b7e76beb51e7f9945c71.zip |
Merge pull request #58 from graphs4value/docs
Add documentation site with Docusaurus
Diffstat (limited to 'subprojects/frontend/src/graph/ZoomButtons.tsx')
-rw-r--r-- | subprojects/frontend/src/graph/ZoomButtons.tsx | 38 |
1 files changed, 22 insertions, 16 deletions
diff --git a/subprojects/frontend/src/graph/ZoomButtons.tsx b/subprojects/frontend/src/graph/ZoomButtons.tsx index 83938cf4..b292a617 100644 --- a/subprojects/frontend/src/graph/ZoomButtons.tsx +++ b/subprojects/frontend/src/graph/ZoomButtons.tsx | |||
@@ -10,6 +10,7 @@ import RemoveIcon from '@mui/icons-material/Remove'; | |||
10 | import IconButton from '@mui/material/IconButton'; | 10 | import IconButton from '@mui/material/IconButton'; |
11 | import Stack from '@mui/material/Stack'; | 11 | import Stack from '@mui/material/Stack'; |
12 | import ToggleButton from '@mui/material/ToggleButton'; | 12 | import ToggleButton from '@mui/material/ToggleButton'; |
13 | import Tooltip from '@mui/material/Tooltip'; | ||
13 | 14 | ||
14 | import type { ChangeZoomCallback, SetFitZoomCallback } from './ZoomCanvas'; | 15 | import type { ChangeZoomCallback, SetFitZoomCallback } from './ZoomCanvas'; |
15 | 16 | ||
@@ -28,22 +29,27 @@ export default function ZoomButtons({ | |||
28 | p={1} | 29 | p={1} |
29 | sx={{ position: 'absolute', bottom: 0, right: 0 }} | 30 | sx={{ position: 'absolute', bottom: 0, right: 0 }} |
30 | > | 31 | > |
31 | <IconButton aria-label="Zoom in" onClick={() => changeZoom(2)}> | 32 | <Tooltip title="Zoom in" placement="left"> |
32 | <AddIcon fontSize="small" /> | 33 | <IconButton onClick={() => changeZoom(2)}> |
33 | </IconButton> | 34 | <AddIcon fontSize="small" /> |
34 | <IconButton aria-label="Zoom out" onClick={() => changeZoom(0.5)}> | 35 | </IconButton> |
35 | <RemoveIcon fontSize="small" /> | 36 | </Tooltip> |
36 | </IconButton> | 37 | <Tooltip title="Zoom out" placement="left"> |
37 | <ToggleButton | 38 | <IconButton onClick={() => changeZoom(0.5)}> |
38 | value="show-replace" | 39 | <RemoveIcon fontSize="small" /> |
39 | selected={fitZoom} | 40 | </IconButton> |
40 | onClick={() => setFitZoom(!fitZoom)} | 41 | </Tooltip> |
41 | aria-label="Fit screen" | 42 | <Tooltip title="Fit screen" placement="left"> |
42 | size="small" | 43 | <ToggleButton |
43 | className="iconOnly" | 44 | value="show-replace" |
44 | > | 45 | selected={fitZoom} |
45 | <CropFreeIcon fontSize="small" /> | 46 | onClick={() => setFitZoom(!fitZoom)} |
46 | </ToggleButton> | 47 | size="small" |
48 | className="iconOnly" | ||
49 | > | ||
50 | <CropFreeIcon fontSize="small" /> | ||
51 | </ToggleButton> | ||
52 | </Tooltip> | ||
47 | </Stack> | 53 | </Stack> |
48 | ); | 54 | ); |
49 | } | 55 | } |