UX: fix PM topic map layout (#30135)

This commit is contained in:
Kris 2024-12-06 08:34:54 -05:00 committed by GitHub
parent 58556ed434
commit d35d8193aa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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 {