Align input area with event body's first letter in a thread on IRC/modern layout (#8636)

luixxiul · web-flow · commit 30b03776b87e · 2022-05-20T10:14:37.000+01:00
Signed-off-by: Suguru Hirahara &lt;luixxiul@users.noreply.github.com&gt;
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
@@ -881,6 +881,12 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
             .mx_EventTile_line {
                 padding-top: var(--BaseCard_EventTile_line-padding-block);
                 padding-bottom: var(--BaseCard_EventTile_line-padding-block);
+
+                .mx_EventTile_content {
+                    &.mx_EditMessageComposer {
+                        padding-inline-start: 0; // align start of first letter with that of the event body
+                    }
+                }
             }
         }
 
@@ -978,8 +984,4 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
     .mx_MessageComposer_sendMessage {
         margin-right: 0;
     }
-
-    .mx_EditMessageComposer {
-        margin-left: 30px !important; // align start of first letter with that of the event body
-    }
 }

Original file line number	Diff line number	Diff line change
`@@ -881,6 +881,12 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss`
`881`	`881`	`.mx_EventTile_line {`
`882`	`882`	`padding-top: var(--BaseCard_EventTile_line-padding-block);`
`883`	`883`	`padding-bottom: var(--BaseCard_EventTile_line-padding-block);`
	`884`	`+`
	`885`	`+ .mx_EventTile_content {`
	`886`	`+ &.mx_EditMessageComposer {`
	`887`	`+ padding-inline-start: 0; // align start of first letter with that of the event body`
	`888`	`+ }`
	`889`	`+ }`
`884`	`890`	`}`
`885`	`891`	`}`
`886`	`892`
`@@ -978,8 +984,4 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss`
`978`	`984`	`.mx_MessageComposer_sendMessage {`
`979`	`985`	`margin-right: 0;`
`980`	`986`	`}`
`981`		`-`
`982`		`- .mx_EditMessageComposer {`
`983`		`- margin-left: 30px !important; // align start of first letter with that of the event body`
`984`		`- }`
`985`	`987`	`}`