PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

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

Browse source 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2022-07-11 21:19:49 +00:00 committed by GitHub
parent 3abf8a1d51
commit 2587aa1369
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/views/rooms/_EditMessageComposer.scss
View file

@ -16,12 +16,14 @@ limitations under the License.
*/ */
.mx_EditMessageComposer { .mx_EditMessageComposer {
--EditMessageComposer-padding-inline: 3px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 100%; // disable overflow max-width: 100%; // disable overflow
width: auto; width: auto;
gap: 5px; gap: 5px;
padding: 3px; padding: 3px var(--EditMessageComposer-padding-inline);
.mx_BasicMessageComposer_input { .mx_BasicMessageComposer_input {
border-radius: 4px; border-radius: 4px;

7
res/css/views/rooms/_EventTile.scss
View file

@ -260,6 +260,13 @@ $left-gutter: 64px;
.mx_ReplyTile .mx_EventTileBubble { .mx_ReplyTile .mx_EventTileBubble {
left: unset; // Cancel the value specified above for the tile inside ReplyTile 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] { &[data-layout=group] {