Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/assets/stylesheets/common/base/personal-message.scss
View File

@ -63,6 +63,10 @@
padding-left: calc( padding-left: calc(
48px - var(--pm-padding) 48px - var(--pm-padding)
); // 48px is the width of the avatar ); // 48px is the width of the avatar
display: grid;
grid-template-areas: "contents additional" "pm-map pm-map";
grid-template-columns: 1fr auto;
section { section {
border: none; border: none;
background: var(--primary-very-low); background: var(--primary-very-low);
@ -73,8 +77,22 @@
padding-top: var(--pm-padding); 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 { &__private-message-map {
padding-bottom: var(--pm-padding); grid-area: pm-map;
padding: 0.5em var(--pm-padding) var(--pm-padding);
} }
.participants { .participants {