MM-55505 - Updating thread avatars hover state (#25488)

* MM-55505 - Updating thread avatars hover state

* Updating elevation

* Updating tests
Этот коммит содержится в:
Asaad Mahmood
2023-12-18 15:10:55 +05:00
коммит произвёл GitHub
родитель 5933a3ebc8
Коммит 9ae530bd58
7 изменённых файлов: 69 добавлений и 66 удалений

Просмотреть файл

@@ -567,7 +567,7 @@ exports[`components/channel_invite_modal/team_warning_banner should match snapsh
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -587,7 +587,7 @@ exports[`components/channel_invite_modal/team_warning_banner should match snapsh
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"
@@ -897,7 +897,7 @@ exports[`components/channel_invite_modal/team_warning_banner should match snapsh
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -917,7 +917,7 @@ exports[`components/channel_invite_modal/team_warning_banner should match snapsh
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"

Просмотреть файл

@@ -160,7 +160,7 @@ exports[`components/threading/channel_threads/thread_footer should report total
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -183,7 +183,7 @@ exports[`components/threading/channel_threads/thread_footer should report total
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -386,7 +386,7 @@ exports[`components/threading/channel_threads/thread_footer should report total
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -409,7 +409,7 @@ exports[`components/threading/channel_threads/thread_footer should report total
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -612,7 +612,7 @@ exports[`components/threading/channel_threads/thread_footer should report total
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -635,7 +635,7 @@ exports[`components/threading/channel_threads/thread_footer should report total
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -751,7 +751,7 @@ exports[`components/threading/channel_threads/thread_footer should report total
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onEntered={[Function]}
overlay={
<Tooltip
@@ -773,7 +773,7 @@ exports[`components/threading/channel_threads/thread_footer should report total
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onEntered={[Function]}
overlay={
<OverlayWrapper
@@ -1094,7 +1094,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -1122,7 +1122,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"
@@ -1315,7 +1315,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1338,7 +1338,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1541,7 +1541,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1564,7 +1564,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1767,7 +1767,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1790,7 +1790,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1906,7 +1906,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onEntered={[Function]}
overlay={
<Tooltip
@@ -1928,7 +1928,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onEntered={[Function]}
overlay={
<OverlayWrapper

Просмотреть файл

@@ -1166,7 +1166,7 @@ exports[`component/user_group_popover should match snapshot 1`] = `
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -1186,7 +1186,7 @@ exports[`component/user_group_popover should match snapshot 1`] = `
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"
@@ -1374,7 +1374,7 @@ exports[`component/user_group_popover should match snapshot 1`] = `
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -1394,7 +1394,7 @@ exports[`component/user_group_popover should match snapshot 1`] = `
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"
@@ -1582,7 +1582,7 @@ exports[`component/user_group_popover should match snapshot 1`] = `
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -1602,7 +1602,7 @@ exports[`component/user_group_popover should match snapshot 1`] = `
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"
@@ -1790,7 +1790,7 @@ exports[`component/user_group_popover should match snapshot 1`] = `
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -1810,7 +1810,7 @@ exports[`component/user_group_popover should match snapshot 1`] = `
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"
@@ -1998,7 +1998,7 @@ exports[`component/user_group_popover should match snapshot 1`] = `
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -2018,7 +2018,7 @@ exports[`component/user_group_popover should match snapshot 1`] = `
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"

Просмотреть файл

@@ -440,7 +440,7 @@ exports[`component/user_group_popover/group_member_list should match snapshot 1`
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -460,7 +460,7 @@ exports[`component/user_group_popover/group_member_list should match snapshot 1`
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"
@@ -648,7 +648,7 @@ exports[`component/user_group_popover/group_member_list should match snapshot 1`
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -668,7 +668,7 @@ exports[`component/user_group_popover/group_member_list should match snapshot 1`
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"
@@ -856,7 +856,7 @@ exports[`component/user_group_popover/group_member_list should match snapshot 1`
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -876,7 +876,7 @@ exports[`component/user_group_popover/group_member_list should match snapshot 1`
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"
@@ -1064,7 +1064,7 @@ exports[`component/user_group_popover/group_member_list should match snapshot 1`
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -1084,7 +1084,7 @@ exports[`component/user_group_popover/group_member_list should match snapshot 1`
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"
@@ -1272,7 +1272,7 @@ exports[`component/user_group_popover/group_member_list should match snapshot 1`
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<Tooltip
className="hidden-xs"
@@ -1292,7 +1292,7 @@ exports[`component/user_group_popover/group_member_list should match snapshot 1`
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
overlay={
<OverlayWrapper
className="hidden-xs"

Просмотреть файл

@@ -22,7 +22,7 @@ const SimpleTooltip = ({
children,
placement = 'top',
className = 'hidden-xs',
delayShow = 500,
delayShow = 100,
style,
...props
}: Props & Omit<ComponentProps<typeof OverlayTrigger>, 'overlay'>) => {

Просмотреть файл

@@ -114,7 +114,7 @@ exports[`components/widgets/users/Avatars should fetch missing users 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -137,7 +137,7 @@ exports[`components/widgets/users/Avatars should fetch missing users 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -340,7 +340,7 @@ exports[`components/widgets/users/Avatars should fetch missing users 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -363,7 +363,7 @@ exports[`components/widgets/users/Avatars should fetch missing users 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -566,7 +566,7 @@ exports[`components/widgets/users/Avatars should fetch missing users 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -589,7 +589,7 @@ exports[`components/widgets/users/Avatars should fetch missing users 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -705,7 +705,7 @@ exports[`components/widgets/users/Avatars should fetch missing users 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onEntered={[Function]}
overlay={
<Tooltip
@@ -727,7 +727,7 @@ exports[`components/widgets/users/Avatars should fetch missing users 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onEntered={[Function]}
overlay={
<OverlayWrapper
@@ -936,7 +936,7 @@ exports[`components/widgets/users/Avatars should properly count overflow 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -959,7 +959,7 @@ exports[`components/widgets/users/Avatars should properly count overflow 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1162,7 +1162,7 @@ exports[`components/widgets/users/Avatars should properly count overflow 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1185,7 +1185,7 @@ exports[`components/widgets/users/Avatars should properly count overflow 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1388,7 +1388,7 @@ exports[`components/widgets/users/Avatars should properly count overflow 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1411,7 +1411,7 @@ exports[`components/widgets/users/Avatars should properly count overflow 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1527,7 +1527,7 @@ exports[`components/widgets/users/Avatars should properly count overflow 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onEntered={[Function]}
overlay={
<Tooltip
@@ -1549,7 +1549,7 @@ exports[`components/widgets/users/Avatars should properly count overflow 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onEntered={[Function]}
overlay={
<OverlayWrapper
@@ -1756,7 +1756,7 @@ exports[`components/widgets/users/Avatars should support userIds 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1779,7 +1779,7 @@ exports[`components/widgets/users/Avatars should support userIds 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -1982,7 +1982,7 @@ exports[`components/widgets/users/Avatars should support userIds 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -2005,7 +2005,7 @@ exports[`components/widgets/users/Avatars should support userIds 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -2208,7 +2208,7 @@ exports[`components/widgets/users/Avatars should support userIds 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={
@@ -2231,7 +2231,7 @@ exports[`components/widgets/users/Avatars should support userIds 1`] = `
<OverlayTrigger
animation={true}
defaultOverlayShown={false}
delayShow={500}
delayShow={100}
onClick={[Function]}
onEntered={[Function]}
overlay={

Просмотреть файл

@@ -43,6 +43,8 @@
}
> button {
transition: all 100ms ease-in-out;
&:not(:first-child) {
margin-left: var(--offset);
}
@@ -50,7 +52,8 @@
&:hover,
&:focus {
z-index: 1;
filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.08));
box-shadow: var(--elevation-2);
transform: scale(1.2);
}
}