imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Display the user's avatar when they shared their location (#7424)

Browse source
This commit is contained in:
Andy Balaam 2021-12-21 15:19:27 +00:00 • committed by GitHub
parent d25d325387
commit 70dc03552c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 53 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -14,9 +14,30 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_MLocationBody_map {
width: 450px;
height: 300px;
.mx_MLocationBody {
.mx_MLocationBody_map {
width: 450px;
height: 300px;
border-radius: $timeline-image-border-radius;
border-radius: $timeline-image-border-radius;
}
.mx_MLocationBody_markerBorder {
width: 31px;
height: 31px;
border-radius: 50%;
background-color: $accent;
filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
.mx_BaseAvatar {
margin-top: 2px;
margin-left: 2px;
}
}
.mx_MLocationBody_pointer {
position: absolute;
bottom: -3px;
left: 12px;
}
}

3
res/img/location/pointer.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="9" height="4" viewBox="0 0 9 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.5 4L0.602887 0.25L8.39711 0.250001L4.5 4Z" fill="#0DBD8B"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 171 B