From 173aeded13bea7b36d189722b51f26943751ef79 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Sat, 9 Jul 2022 16:16:57 +0900 Subject: [PATCH] Add space for the stroke on message editor on IRC layout 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 cc5a3c7a480..39feccad58b 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 a91ae5d12b3..0a201efeafc 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -247,6 +247,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] {