Live location share - set time limit (#8082)

* add mocking helpers for platform peg

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

* basic working live duration dropdown

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

* add duration format utility

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

* add duration dropdown to live location picker

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

* adjust style to allow overflow and variable height chin

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

* tidy comments

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

* arrow fn change

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

* lint

Signed-off-by: Kerry Archibald <kerrya@element.io>
This commit is contained in:
Kerry 2022-03-21 12:42:58 +01:00 committed by GitHub
parent 8418b4fd71
commit 14653d1378
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 366 additions and 37 deletions

View file

@ -19,7 +19,8 @@ limitations under the License.
height: 100%;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
// when there are errors loading the map
// the canvas is still inserted
@ -32,8 +33,9 @@ limitations under the License.
}
#mx_LocationPicker_map {
height: 100%;
border-radius: 8px;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
flex: 1;
.maplibregl-ctrl.maplibregl-ctrl-group,
.maplibregl-ctrl.maplibregl-ctrl-attrib {
@ -46,10 +48,6 @@ limitations under the License.
margin-top: 50px;
}
.maplibregl-ctrl-bottom-right {
bottom: 80px;
}
.maplibregl-user-location-accuracy-circle {
display: none;
}
@ -93,8 +91,7 @@ limitations under the License.
}
.mx_LocationPicker_footer {
position: absolute;
bottom: 0px;
flex: 0;
width: 100%;
box-sizing: border-box;
padding: $spacing-16;
@ -102,6 +99,9 @@ limitations under the License.
flex-direction: column;
justify-content: stretch;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
background-color: $header-panel-bg-color;
}
}