UX: Maximize the preview space in composer (#15188)

A follow-up to #15117 and #15141. Applies the previous changes to PM-specific fields, makes the preview area take the all the available height of the composer, and unifies more spacing between composer elements.
This commit is contained in:
Jarek Radosz
2021-12-24 12:38:33 +01:00
committed by GitHub
parent a263743268
commit 0b34d5ac6c
12 changed files with 259 additions and 235 deletions

View File

@ -9,10 +9,10 @@
display: flex;
span.presence-text {
margin-left: 5px;
margin-right: 2px;
align-items: center;
display: flex;
flex: 0 0 auto;
padding-top: 3px;
margin-left: 8px;
}
.presence-avatars {
@ -66,8 +66,7 @@
// TMP: RTL overrides
.rtl {
span.presence-text {
margin-left: 2px;
margin-right: 5px;
margin-right: 8px;
}
.composer-fields .presence-users {

View File

@ -193,7 +193,7 @@ acceptance("Discourse Presence Plugin", function (needs) {
await click("#topic-footer-buttons .btn.create");
assert.ok(exists(".d-editor-input"), "the composer input is visible");
const avatarSelector = ".composer-fields .presence-avatars .avatar";
const avatarSelector = ".reply-to .presence-avatars .avatar";
assert.strictEqual(count(avatarSelector), 0, "no avatars displayed");
await joinChannel("/discourse-presence/reply/280", {