PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

fix color of location share caret (#7917)

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

17
res/css/views/location/_LocationPicker.scss
View file

@ -58,7 +58,22 @@ limitations under the License.
.mx_MLocationBody_pointer { .mx_MLocationBody_pointer {
position: absolute; position: absolute;
bottom: -3px; 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;
}
} }
} }

17
res/css/views/messages/_MLocationBody.scss
View file

@ -38,7 +38,22 @@ limitations under the License.
.mx_MLocationBody_pointer { .mx_MLocationBody_pointer {
position: absolute; position: absolute;
bottom: -3px; 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 { .mx_MLocationBody_markerContents {

5
src/components/views/location/LocationPicker.tsx
View file

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

5
src/components/views/messages/MLocationBody.tsx
View file

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