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

Location share type UI (#7924)

Browse source 
* copyright

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

* empty line

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

* functional picker

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

* most style

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

* nice style for options

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

* get ShareType test passing

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

* add maplibre mock

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

* lint and test

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

* add section to themes for location sharing cols

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

* add svg mock

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

* use same mock string as imageMock

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

* newline

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

* lint

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

* add live location icon

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

* rename useEnabledShareTypes

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

* use solid color for live border

* use ternary

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

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Kerry 2022-03-02 14:00:40 +01:00 • committed by GitHub
parent 547144a565
commit b480bffab0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 354 additions and 298 deletions
Download patch file Download diff file Expand all files Collapse all files

2
res/img/element-icons/location.svg
View file

@ -1,3 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 1.99999C8.13 1.99999 5 5.2152 5 9.19054C5 13.4741 9.42 19.3806 11.24 21.6302C11.64 22.1233 12.37 22.1233 12.77 21.6302C14.58 19.3806 19 13.4741 19 9.19054C19 5.2152 15.87 1.99999 12 1.99999ZM12 11.7586C10.62 11.7586 9.5 10.6081 9.5 9.19054C9.5 7.77298 10.62 6.62249 12 6.62249C13.38 6.62249 14.5 7.77298 14.5 9.19054C14.5 10.6081 13.38 11.7586 12 11.7586Z" fill="#737D8C"/>
<path d="M12 1.99999C8.13 1.99999 5 5.2152 5 9.19054C5 13.4741 9.42 19.3806 11.24 21.6302C11.64 22.1233 12.37 22.1233 12.77 21.6302C14.58 19.3806 19 13.4741 19 9.19054C19 5.2152 15.87 1.99999 12 1.99999ZM12 11.7586C10.62 11.7586 9.5 10.6081 9.5 9.19054C9.5 7.77298 10.62 6.62249 12 6.62249C13.38 6.62249 14.5 7.77298 14.5 9.19054C14.5 10.6081 13.38 11.7586 12 11.7586Z" fill="currentColor"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 490 B

After

Width:  |  Height:  |  Size: 495 B

Before After
Before After

3
res/img/location/live-location.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="26" height="14" viewBox="0 0 26 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.65397 13.1529C3.97397 12.8329 4.00534 12.3247 3.71671 11.9796C1.3073 9.04941 1.3073 4.7953 3.71044 1.85883C3.99906 1.50745 3.97397 0.992943 3.65397 0.672942C3.28377 0.302747 2.66887 0.327845 2.33632 0.735688C-0.593877 4.31843 -0.593877 9.50118 2.33632 13.0902C2.66259 13.498 3.2775 13.5294 3.65397 13.1529ZM6.18259 10.6243C6.49004 10.3169 6.52142 9.83373 6.26416 9.47608C5.17867 7.9451 5.17867 5.88706 6.26416 4.35608C6.51514 3.99843 6.49004 3.5153 6.18259 3.20784L6.17632 3.20157C5.79985 2.8251 5.15985 2.8502 4.8524 3.28314C3.29004 5.44157 3.29004 8.38432 4.8524 10.549C5.16612 10.982 5.79985 11.0071 6.18259 10.6243ZM13.3147 1.03914C10.8864 1.03914 8.92253 3.05652 8.92253 5.55086C8.92253 8.23855 11.6959 11.9446 12.8378 13.3561C13.0888 13.6655 13.5468 13.6655 13.7978 13.3561C14.9335 11.9446 17.7068 8.23855 17.7068 5.55086C17.7068 3.05652 15.7429 1.03914 13.3147 1.03914ZM13.3147 7.16219C12.4488 7.16219 11.7461 6.44031 11.7461 5.55086C11.7461 4.66141 12.4488 3.93953 13.3147 3.93953C14.1806 3.93953 14.8833 4.66141 14.8833 5.55086C14.8833 6.44031 14.1806 7.16219 13.3147 7.16219ZM22.3093 11.9796C22.0207 12.3247 22.0521 12.8329 22.3721 13.1529C22.7485 13.5294 23.3634 13.498 23.6897 13.0902C26.6199 9.50118 26.6199 4.31843 23.6897 0.735688C23.3572 0.327845 22.7423 0.302747 22.3721 0.672942C22.0521 0.992943 22.027 1.50745 22.3156 1.85883C24.7187 4.7953 24.7187 9.04941 22.3093 11.9796ZM19.7619 9.47608C19.5046 9.83373 19.536 10.3169 19.8434 10.6243C20.2262 11.0071 20.8599 10.982 21.1736 10.549C22.736 8.38432 22.736 5.44157 21.1736 3.28314C20.8662 2.8502 20.2262 2.8251 19.8497 3.20157L19.8434 3.20784C19.536 3.5153 19.5109 3.99843 19.7619 4.35608C20.8474 5.88706 20.8474 7.9451 19.7619 9.47608Z" fill="currentColor"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB