WEBDIENSTE/openswarm
1
0
Fork 0
mirror of https://github.com/openswarm-ai/openswarm.git synced 2026-09-10 11:47:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

[eric] browser: back, forward and reload lose their tooltips, which only ever landed on top of the page

Browse Source
This commit is contained in:
ciregenz
2026-08-07 18:10:25 -07:00
parent df85b17100
commit 901d9ff070
1 changed files with 31 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/pages/Dashboard/cards/BrowserCard.tsx
+31 -36
View File
@@ -1507,44 +1507,39 @@ const BrowserCard: React.FC<Props> = ({
flexShrink: 0,
}}
>
<Tooltip title="Back" placement="top">
<span>
<IconButton
size="small"
onClick={handleBack}
onPointerDown={(e) => e.stopPropagation()}
disabled={!activeLocal.canGoBack}
sx={{ color: CHROME_TEXT_MUTED, p: 0.4, '&:hover': { color: CHROME_TEXT } }}
>
<ArrowBackIcon sx={{ fontSize: 15 }} />
</IconButton>
</span>
</Tooltip>
{/* No tooltips on back/forward/reload: every browser on earth uses these arrows, so the label
teaches nothing and the popup lands right on top of the page you are trying to read. */}
<IconButton
size="small"
aria-label="Back"
onClick={handleBack}
onPointerDown={(e) => e.stopPropagation()}
disabled={!activeLocal.canGoBack}
sx={{ color: CHROME_TEXT_MUTED, p: 0.4, '&:hover': { color: CHROME_TEXT } }}
>
<ArrowBackIcon sx={{ fontSize: 15 }} />
</IconButton>
<Tooltip title="Forward" placement="top">
<span>
<IconButton
size="small"
onClick={handleForward}
onPointerDown={(e) => e.stopPropagation()}
disabled={!activeLocal.canGoForward}
sx={{ color: CHROME_TEXT_MUTED, p: 0.4, '&:hover': { color: CHROME_TEXT } }}
>
<ArrowForwardIcon sx={{ fontSize: 15 }} />
</IconButton>
</span>
</Tooltip>
<IconButton
size="small"
aria-label="Forward"
onClick={handleForward}
onPointerDown={(e) => e.stopPropagation()}
disabled={!activeLocal.canGoForward}
sx={{ color: CHROME_TEXT_MUTED, p: 0.4, '&:hover': { color: CHROME_TEXT } }}
>
<ArrowForwardIcon sx={{ fontSize: 15 }} />
</IconButton>
<Tooltip title="Reload" placement="top">
<IconButton
size="small"
onClick={handleRefresh}
onPointerDown={(e) => e.stopPropagation()}
sx={{ color: CHROME_TEXT_MUTED, p: 0.4, '&:hover': { color: CHROME_TEXT } }}
>
<RefreshIcon sx={{ fontSize: 15 }} />
</IconButton>
</Tooltip>
<IconButton
size="small"
aria-label="Reload"
onClick={handleRefresh}
onPointerDown={(e) => e.stopPropagation()}
sx={{ color: CHROME_TEXT_MUTED, p: 0.4, '&:hover': { color: CHROME_TEXT } }}
>
<RefreshIcon sx={{ fontSize: 15 }} />
</IconButton>
{/* URL bar */}
<Box