Fix layout of "this person is in your contacts" tooltip
This commit is contained in:
parent
dc918aea1d
commit
0a35489696
4 changed files with 46 additions and 96 deletions
|
@ -1,4 +1,4 @@
|
|||
// Copyright 2020 Signal Messenger, LLC
|
||||
// Copyright 2020-2021 Signal Messenger, LLC
|
||||
// SPDX-License-Identifier: AGPL-3.0-only
|
||||
|
||||
import React from 'react';
|
||||
|
@ -17,16 +17,14 @@ export const InContactsIcon = (props: PropsType): JSX.Element => {
|
|||
|
||||
/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
|
||||
return (
|
||||
<span className="module-in-contacts-icon__tooltip">
|
||||
<Tooltip content={i18n('contactInAddressBook')}>
|
||||
<span
|
||||
aria-label={i18n('contactInAddressBook')}
|
||||
className={classNames('module-in-contacts-icon__icon', className)}
|
||||
role="img"
|
||||
tabIndex={0}
|
||||
/>
|
||||
</Tooltip>
|
||||
</span>
|
||||
<Tooltip content={i18n('contactInAddressBook')}>
|
||||
<span
|
||||
aria-label={i18n('contactInAddressBook')}
|
||||
className={classNames('module-in-contacts-icon__icon', className)}
|
||||
role="img"
|
||||
tabIndex={0}
|
||||
/>
|
||||
</Tooltip>
|
||||
);
|
||||
/* eslint-enable jsx-a11y/no-noninteractive-tabindex */
|
||||
};
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue