fix color of location share caret (#7917)

Signed-off-by: Kerry Archibald <kerrya@element.io>
This commit is contained in:
Kerry 2022-03-01 09:53:28 +01:00 committed by GitHub
parent 4bf42babc7
commit 36adba101c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 34 additions and 10 deletions

View file

@ -58,7 +58,22 @@ limitations under the License.
.mx_MLocationBody_pointer {
position: absolute;
bottom: -3px;
left: 12px;
left: 11px;
width: 9px;
height: 5px;
&::before {
mask-image: url('$(res)/img/location/pointer.svg');
mask-position: center;
mask-repeat: no-repeat;
mask-size: 9px;
content: '';
display: inline-block;
width: 9px;
height: 5px;
position: absolute;
background-color: $accent;
}
}
}

View file

@ -38,7 +38,22 @@ limitations under the License.
.mx_MLocationBody_pointer {
position: absolute;
bottom: -3px;
left: 12px;
left: 11px;
width: 9px;
height: 5px;
&::before {
mask-image: url('$(res)/img/location/pointer.svg');
mask-position: center;
mask-repeat: no-repeat;
mask-size: 9px;
content: '';
display: inline-block;
width: 9px;
height: 5px;
position: absolute;
background-color: $accent;
}
}
.mx_MLocationBody_markerContents {

View file

@ -197,11 +197,8 @@ class LocationPicker extends React.Component<IProps, IState> {
viewUserOnClick={false}
/>
</div>
<img
<div
className="mx_MLocationBody_pointer"
src={require("../../../../res/img/location/pointer.svg")}
width="9"
height="5"
/>
</div>
</div>

View file

@ -188,11 +188,8 @@ export function LocationBodyContent(props: ILocationBodyContentProps):
<div className="mx_MLocationBody_markerBorder">
{ markerContents }
</div>
<img
<div
className="mx_MLocationBody_pointer"
src={require("../../../../res/img/location/pointer.svg")}
width="9"
height="5"
/>
</div>
{