From d35d8193aa776166e5e4daf240879d7ef8fbec78 Mon Sep 17 00:00:00 2001 From: Kris Date: Fri, 6 Dec 2024 08:34:54 -0500 Subject: [PATCH] UX: fix PM topic map layout (#30135) --- .../common/base/personal-message.scss | 20 ++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/common/base/personal-message.scss b/app/assets/stylesheets/common/base/personal-message.scss index f6d30f14b4b..035c347795b 100644 --- a/app/assets/stylesheets/common/base/personal-message.scss +++ b/app/assets/stylesheets/common/base/personal-message.scss @@ -63,6 +63,10 @@ padding-left: calc( 48px - var(--pm-padding) ); // 48px is the width of the avatar + display: grid; + grid-template-areas: "contents additional" "pm-map pm-map"; + grid-template-columns: 1fr auto; + section { border: none; background: var(--primary-very-low); @@ -73,8 +77,22 @@ padding-top: var(--pm-padding); } + &__contents, + &__additional-contents { + padding-top: var(--pm-padding); + } + + &__contents { + grid-area: contents; + } + + &__additional-contents { + grid-area: additional; + } + &__private-message-map { - padding-bottom: var(--pm-padding); + grid-area: pm-map; + padding: 0.5em var(--pm-padding) var(--pm-padding); } .participants {