Live location share - beacon tooltip in maximised view (#8572) PSF-926

* pass optional tooltip prop down through markers

Signed-off-by: Kerry Archibald <kerrya@element.io>

* add beaconstatustooltip, handle overflow on beacon status label

Signed-off-by: Kerry Archibald <kerrya@element.io>

* remove debug, fix mouseout

Signed-off-by: Kerry Archibald <kerrya@element.io>

* tidy comments

Signed-off-by: Kerry Archibald <kerrya@element.io>
This commit is contained in:
Kerry 2022-05-13 10:30:53 +02:00 committed by GitHub
parent fdd5494402
commit fbbb9c27ba
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
14 changed files with 271 additions and 118 deletions

View file

@ -57,13 +57,15 @@ exports[`<LocationViewDialog /> renders map correctly 1`] = `
className="mx_Marker mx_Marker_defaultColor"
id="mx_LocationViewDialog_$2-marker"
>
<div
className="mx_Marker_border"
>
<OptionalTooltip>
<div
className="mx_Marker_icon"
/>
</div>
className="mx_Marker_border"
>
<div
className="mx_Marker_icon"
/>
</div>
</OptionalTooltip>
</div>
</ForwardRef>
</span>

View file

@ -8,13 +8,15 @@ exports[`<Marker /> renders with location icon when no room member 1`] = `
className="mx_Marker mx_Marker_defaultColor"
id="abc123"
>
<div
className="mx_Marker_border"
>
<OptionalTooltip>
<div
className="mx_Marker_icon"
/>
</div>
className="mx_Marker_border"
>
<div
className="mx_Marker_icon"
/>
</div>
</OptionalTooltip>
</div>
</ForwardRef>
`;

View file

@ -24,13 +24,15 @@ exports[`<SmartMarker /> creates a marker on mount 1`] = `
<div
className="mx_Marker mx_Marker_defaultColor"
>
<div
className="mx_Marker_border"
>
<OptionalTooltip>
<div
className="mx_Marker_icon"
/>
</div>
className="mx_Marker_border"
>
<div
className="mx_Marker_icon"
/>
</div>
</OptionalTooltip>
</div>
</ForwardRef>
</span>
@ -61,13 +63,15 @@ exports[`<SmartMarker /> removes marker on unmount 1`] = `
<div
className="mx_Marker mx_Marker_defaultColor"
>
<div
className="mx_Marker_border"
>
<OptionalTooltip>
<div
className="mx_Marker_icon"
/>
</div>
className="mx_Marker_border"
>
<div
className="mx_Marker_icon"
/>
</div>
</OptionalTooltip>
</div>
</ForwardRef>
</span>