From 3a6ddf3a2b65e7ffd5f4c61cdf08c78188c06976 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Fri, 6 May 2022 18:24:42 +0000 Subject: [PATCH] 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 --- res/css/views/messages/_MLocationBody.scss | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/res/css/views/messages/_MLocationBody.scss b/res/css/views/messages/_MLocationBody.scss index 72202ca6e1..adca4ae4ba 100644 --- a/res/css/views/messages/_MLocationBody.scss +++ b/res/css/views/messages/_MLocationBody.scss @@ -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; }