mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-23 03:05:45 +03:00
Code Issues Projects Releases Packages Wiki Activity

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 {
--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;

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

@ -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] {