Fix token bar token titles

This commit is contained in:
Mitchell McCaffrey 2021-06-14 15:50:48 +10:00
parent 1e26193457
commit f0d93abd31
2 changed files with 3 additions and 6 deletions

View File

@ -11,7 +11,7 @@ function TokenBarToken({ token }) {
usePreventTouch(imageRef); usePreventTouch(imageRef);
return ( return (
<Box py={1} sx={{ width: "48px", height: "56px" }}> <Box my={1} sx={{ width: "48px", height: "48px" }} title={token.name}>
<TokenImage <TokenImage
token={token} token={token}
ref={imageRef} ref={imageRef}

View File

@ -40,8 +40,6 @@ function TokenBarTokenGroup({ group, tokens, draggable }) {
return ( return (
<Grid <Grid
columns="1fr" columns="1fr"
alt={group.name}
title={group.name}
bg="muted" bg="muted"
sx={{ borderRadius: "8px", gridGap: 0 }} sx={{ borderRadius: "8px", gridGap: 0 }}
p={0} p={0}
@ -57,7 +55,6 @@ function TokenBarTokenGroup({ group, tokens, draggable }) {
}} }}
onClick={(e) => handleOpenClick(e, false)} onClick={(e) => handleOpenClick(e, false)}
key="group" key="group"
alt={group.name}
title={group.name} title={group.name}
{...listeners} {...listeners}
{...attributes} {...attributes}
@ -71,8 +68,6 @@ function TokenBarTokenGroup({ group, tokens, draggable }) {
return ( return (
<Grid <Grid
columns="1fr 1fr" columns="1fr 1fr"
alt={group.name}
title={group.name}
bg="muted" bg="muted"
sx={{ sx={{
borderRadius: "8px", borderRadius: "8px",
@ -81,6 +76,8 @@ function TokenBarTokenGroup({ group, tokens, draggable }) {
gridTemplateRows: "1fr 1fr", gridTemplateRows: "1fr 1fr",
}} }}
p="2px" p="2px"
alt={group.name}
title={group.name}
{...listeners} {...listeners}
{...attributes} {...attributes}
> >