From 2587aa1369c5aaabd710b35aefbef192d8ea0cae Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Mon, 11 Jul 2022 21:19:49 +0000 Subject: [PATCH] Add space for the stroke on message editor on IRC layout (#9030) Signed-off-by: Suguru Hirahara --- res/css/views/rooms/_EditMessageComposer.scss | 4 +++- res/css/views/rooms/_EventTile.scss | 7 +++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/res/css/views/rooms/_EditMessageComposer.scss b/res/css/views/rooms/_EditMessageComposer.scss index cc5a3c7a48..39feccad58 100644 --- 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 index ad865a40f4..d8da3117bd 100644 --- 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] {