Set max-width for MLocationBody and MLocationBody_map by default (#8519)

To avoid map overflow due to width and height specified by maplibregl-canvas

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2022-05-06 18:24:42 +00:00 committed by GitHub
parent cce0833c21
commit 3a6ddf3a2b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -15,7 +15,10 @@ limitations under the License.
*/
.mx_MLocationBody {
max-width: 100%;
.mx_MLocationBody_map {
max-width: 100%;
width: 450px;
height: 300px;
z-index: 0; // keeps the entire map under the message action bar
@ -27,15 +30,11 @@ limitations under the License.
/* In the timeline, we fit the width of the container */
.mx_EventTile_line .mx_MLocationBody .mx_MLocationBody_map {
width: 100%;
max-width: 450px;
width: 100%;
}
.mx_EventTile[data-layout="bubble"] .mx_EventTile_line .mx_MLocationBody {
.mx_EventTile[data-layout="bubble"] .mx_EventTile_line .mx_MLocationBody .mx_MLocationBody_map {
max-width: 100%;
.mx_MLocationBody_map {
max-width: 100%;
width: 450px;
}
width: 450px;
}