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

compose: Fix alignment of close button in warning banner. 

A bug in the compose.css code resulted in showing the close button in
the banner in a wrong way.  The previous logic to center the button
vertically didn't actually achieve our goals, since in cases where the
text line-wraps to two lines, it'd look oddly out of place.

Fixes #19770.
This commit is contained in:
iampranavdhar 2021-10-17 23:58:40 +05:30 committed by Tim Abbott
parent 140c0fd599
commit 5b7bb5142f
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
static/styles/compose.css
View File

@ -248,13 +248,14 @@
.compose_not_subscribed { .compose_not_subscribed {
padding: 4px 0 4px 0; padding: 4px 0 4px 0;
display: flex; display: flex;
align-items: center;
justify-content: space-between; justify-content: space-between;
position: relative;
} }
#compose_not_subscribed_close { #compose_not_subscribed_close {
top: 1px; top: 0;
right: 10px; right: 0;
position: absolute;
} }
.compose_invite_close, .compose_invite_close,
@ -275,7 +276,7 @@
.compose_invite_user p, .compose_invite_user p,
.compose_not_subscribed p { .compose_not_subscribed p {
margin: 0; margin: 0 20px;
display: inline-block; display: inline-block;
max-width: calc(100% - 100px); max-width: calc(100% - 100px);
} }