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

Signed-off-by: Suguru Hirahara <[email protected]>
matrix-org · Jul 11, 2022 · 2587aa1 · 2587aa1
1 parent 3abf8a1
commit 2587aa1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
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] {