Add space for the stroke on message editor on IRC layout (#9030)

luixxiul · web-flow · commit 2587aa1369c5 · 2022-07-11T17:19:49.000-04:00
Signed-off-by: Suguru Hirahara &lt;luixxiul@users.noreply.github.com&gt;
diff --git a/res/css/views/rooms/_EditMessageComposer.scss b/res/css/views/rooms/_EditMessageComposer.scss
@@ -16,12 +16,14 @@ limitations under the License.
 */
 
 .mx_EditMessageComposer {
+    --EditMessageComposer-padding-inline: 3px;
+
     display: flex;
     flex-direction: column;
     max-width: 100%; // disable overflow
     width: auto;
     gap: 5px;
-    padding: 3px;
+    padding: 3px var(--EditMessageComposer-padding-inline);
 
     .mx_BasicMessageComposer_input {
         border-radius: 4px;
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
@@ -260,6 +260,13 @@ $left-gutter: 64px;
         .mx_ReplyTile .mx_EventTileBubble {
             left: unset; // Cancel the value specified above for the tile inside ReplyTile
         }
+
+        &.mx_EventTile_isEditing > .mx_EventTile_line {
+            .mx_EditMessageComposer {
+                // add space for the stroke on box-shadow
+                padding-inline-start: calc($selected-message-border-width + var(--EditMessageComposer-padding-inline));
+            }
+        }
     }
 
     &[data-layout=group] {

Original file line number	Diff line number	Diff line change
`@@ -260,6 +260,13 @@ $left-gutter: 64px;`
`260`	`260`	`.mx_ReplyTile .mx_EventTileBubble {`
`261`	`261`	`left: unset; // Cancel the value specified above for the tile inside ReplyTile`
`262`	`262`	`}`
	`263`	`+`
	`264`	`+ &.mx_EventTile_isEditing > .mx_EventTile_line {`
	`265`	`+ .mx_EditMessageComposer {`
	`266`	`+ // add space for the stroke on box-shadow`
	`267`	`+ padding-inline-start: calc($selected-message-border-width + var(--EditMessageComposer-padding-inline));`
	`268`	`+ }`
	`269`	`+ }`
`263`	`270`	`}`
`264`	`271`
`265`	`272`	`&[data-layout=group] {`