Use caption

This commit is contained in:
Half-Shot 2024-11-19 16:48:18 +00:00
parent fee454f286
commit 196f84bb28
2 changed files with 8 additions and 7 deletions

View File

@ -8,10 +8,10 @@
"edit": "Edit", "edit": "Edit",
"go": "Go", "go": "Go",
"invite": "Invite", "invite": "Invite",
"lower_hand": "Lower hand ({{keyboardShortcut}})", "lower_hand": "Lower hand",
"no": "No", "no": "No",
"pick_reaction": "Pick reaction", "pick_reaction": "Pick reaction",
"raise_hand": "Raise hand ({{keyboardShortcut}})", "raise_hand": "Raise hand",
"raise_hand_or_send_reaction": "Raise hand or send reaction", "raise_hand_or_send_reaction": "Raise hand or send reaction",
"register": "Register", "register": "Register",
"remove": "Remove", "remove": "Remove",

View File

@ -90,7 +90,7 @@ export function ReactionPopupMenu({
)} )}
<div className={styles.reactionPopupMenu}> <div className={styles.reactionPopupMenu}>
<section className={styles.handRaiseSection}> <section className={styles.handRaiseSection}>
<Tooltip label={label}> <Tooltip label={label} caption={"H"}>
<CpdButton <CpdButton
kind={isHandRaised ? "primary" : "secondary"} kind={isHandRaised ? "primary" : "secondary"}
aria-keyshortcuts="H" aria-keyshortcuts="H"
@ -113,10 +113,11 @@ export function ReactionPopupMenu({
{filteredReactionSet.map((reaction, index) => ( {filteredReactionSet.map((reaction, index) => (
<li key={reaction.name}> <li key={reaction.name}>
<Tooltip <Tooltip
label={ label={reaction.name}
index >= ReactionsRowSize caption={
? reaction.name index < ReactionsRowSize
: `${reaction.name} (${index + 1})` ? (index + 1).toString()
: undefined
} }
> >
<CpdButton <CpdButton