compose: Improve line wrapping for multiline compose box alerts.

This commit is contained in:
Cynthia Lin
2018-02-27 22:01:19 -08:00
committed by Tim Abbott
parent f0f6bdf077
commit 5e251e5ca0
3 changed files with 17 additions and 9 deletions

View File

@@ -202,13 +202,18 @@ table.compose_table {
}
.compose_invite_user,
.compose_private_stream_alert {
.compose_private_stream_alert,
.compose-all-everyone,
.compose-announce {
padding: 4px 0px 4px 0px;
display: flex;
align-items: center;
justify-content: space-between;
}
.compose_invite_close,
.compose_private_stream_alert_close {
display: inline;
display: inline-block;
margin-top: 4px;
width: 10px;
@@ -219,10 +224,13 @@ table.compose_table {
.compose_invite_user_controls,
.compose_private_stream_alert_controls {
float: right;
-webkit-transform: translateY(-13%);
-ms-transform: translateY(-13%);
-o-transform: translateY(-13%);
transform: translateY(-13%);
position: relative;
}
.compose_invite_user p {
margin: 0px;
display: inline-block;
max-width: calc(100% - 100px);
}
.compose_invite_user_error {

View File

@@ -1,7 +1,7 @@
<div class="compose_invite_user" data-useremail="{{email}}">
{{#tr this}}<strong>__name__</strong> is not subscribed to this stream. They will not be notified unless you subscribe them.{{/tr}}
<p>{{#tr this}}<strong>__name__</strong> is not subscribed to this stream. They will not be notified unless you subscribe them.{{/tr}}</p>
<div class="compose_invite_user_controls">
<span class="compose_invite_user_error alert alert-error" style="display: none;">{{t "Unable to subscribe user" }}</span>
<button href="" class="btn btn-warning compose_invite_link" >{{t "Subscribe" }}</button><button type="button" class="compose_invite_close close">&times;</button>
<button class="btn btn-warning compose_invite_link" >{{t "Subscribe" }}</button><button type="button" class="compose_invite_close close">&times;</button>
</div>
</div>

View File

@@ -1,5 +1,5 @@
<div class="compose_private_stream_alert" data-stream_name="{{stream_name}}">
{{#tr this}}Warning: <strong>__stream_name__</strong> is a private stream.{{/tr}}
<span>{{#tr this}}Warning: <strong>__stream_name__</strong> is a private stream.{{/tr}}</span>
<div class="compose_private_stream_alert_controls">
<button type="button" class="compose_private_stream_alert_close close">&times;</button>
</div>