Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

compose: Fix bug causing layout shift on expanding compose box. 

The messagebox-wrapper div is removed, and it's only style `flex: 1` is
applied to the messagebox div. The `height: 100%` and `margin-top: 5px`
styles on the messagebox div were earlier causing it to move 5px down,
outside the messagebox-wrapper div, when the compose box was expanded.
This commit is contained in:
N-Shar-ma 2024-06-14 02:38:53 +05:30 committed by Tim Abbott
parent af76d80856
commit 50fcc740bc
2 changed files with 30 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/styles/compose.css
View File

@ -244,13 +244,10 @@
margin: 0;
height: 100%;
.messagebox-wrapper {
flex: 1;
}
.messagebox {
/* normally 5px 14px; pull in the right and bottom a bit */
cursor: default;
flex: 1;
padding: 0;
background: none;
box-shadow: none;

2
web/templates/compose.hbs
View File

@ -71,7 +71,6 @@
</div>
</div>
</div>
<div class="messagebox-wrapper">
<div class="messagebox">
<div id="message-content-container">
<textarea class="new_message_textarea" name="content" id='compose-textarea' placeholder="{{t 'Compose your message here' }}" tabindex="0" aria-label="{{t 'Compose your message here...' }}"></textarea>
@ -109,7 +108,6 @@
</div>
</div>
</div>
</div>
</form>
</div>
</div>