nik/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2026-05-03 06:51:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): update tooltip styles for improved visibility and consistency

Browse Source 
Signed-off-by: Deluan <deluan@navidrome.org>
This commit is contained in:
Deluan 2026-03-15 14:29:47 -04:00
parent e7f2df310a
commit 10a3ea7a21
1 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
ui/src/common/useMenuTooltipStyles.js
View File

@ -1,20 +1,23 @@
import { makeStyles } from '@material-ui/core/styles'
const useMenuTooltipStyles = makeStyles((theme) => {
const paperRoot = theme.overrides?.MuiPaper?.root || {}
return {
const useMenuTooltipStyles = makeStyles(
(theme) => ({
tooltip: {
backgroundColor:
paperRoot.backgroundColor || theme.palette.background.paper,
color: paperRoot.color || theme.palette.text.primary,
boxShadow: theme.shadows[8],
theme.palette.type === 'dark'
? 'rgba(97, 97, 97, 0.92)'
: 'rgba(224, 224, 224, 0.92)',
color:
theme.palette.type === 'dark'
? theme.palette.common.white
: theme.palette.common.black,
borderRadius: theme.shape.borderRadius,
...theme.typography.body1,
padding: theme.spacing(1, 2),
maxWidth: '30vw',
...theme.typography.body2,
padding: theme.spacing(0.5, 1),
maxWidth: 300,
},
}
})
}),
{ name: 'NDOverflowTooltip' },
)
export default useMenuTooltipStyles