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

compose_banners: Structure innner <p> elements with .banner_message class. 

This also styles those inner .banner_message elements to lose
margin inherited from Bootstrap. (This is now also applied to
the upload-message banner.)

It's better to achieve that with a class selector; using a `p`
element selector would mean that such a style would be evaluated
for all `<p>` elements in the DOM. Which is of course a whole lot,
thanks to Markdown alone.

Fixes: #26922
This commit is contained in:
Karl Stolley 2023-10-06 16:07:46 -05:00 committed by Tim Abbott
parent 1581c6f847
commit fe8fc98912
6 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/styles/compose.css
View File

@ -294,9 +294,10 @@
flex-wrap: wrap;
}
& .banner_content,
& > p {
margin: 0; /* override bootstrap */
& .banner_content {
/* Override Bootstrap when .banner_content is
a paragraph element. */
margin: 0;
/* 5px right padding + 10px left-margin of the neighbouring button will match the left padding */
padding: 8px 5px 8px 15px;
/* The banner text uses a flex-basis of 150px,
@ -304,6 +305,13 @@
text lines are still comfortably readable.
Still, it can grow and shrink as needed. */
flex: 1 1 150px;
& .banner_message {
/* Override Bootstrap when .banner_content
contains an inner .banner_message
paragraph. */
margin: 0;
}
}
.main-view-banner-action-button,

6
web/templates/compose_banner/not_subscribed_warning.hbs
View File

@ -1,7 +1,9 @@
{{#> compose_banner }}
<p class="banner_message">
{{#if can_subscribe_other_users}}
<p>{{#tr}}<strong>{name}</strong> is not subscribed to this stream. They will not be notified unless you subscribe them.{{/tr}}</p>
{{#tr}}<strong>{name}</strong> is not subscribed to this stream. They will not be notified unless you subscribe them.{{/tr}}
{{else}}
<p>{{#tr}}<strong>{name}</strong> is not subscribed to this stream. They will not be notified if you mention them.{{/tr}}</p>
{{#tr}}<strong>{name}</strong> is not subscribed to this stream. They will not be notified if you mention them.{{/tr}}
{{/if}}
</p>
{{/compose_banner}}

4
web/templates/compose_banner/private_stream_warning.hbs
View File

@ -1,3 +1,5 @@
{{#> compose_banner }}
<p>{{#tr}}Warning: <strong>#{stream_name}</strong> is a private stream.{{/tr}}</p>
<p class="banner_message">
{{#tr}}Warning: <strong>#{stream_name}</strong> is a private stream.{{/tr}}
</p>
{{/compose_banner}}

2
web/templates/compose_banner/stream_does_not_exist_error.hbs
View File

@ -1,5 +1,5 @@
{{#> compose_banner }}
<p>
<p class="banner_message">
{{#tr}}
The stream <b>#{stream_name}</b> does not exist. Manage your subscriptions
<z-link>on your Streams page</z-link>.

2
web/templates/compose_banner/unmute_topic_banner.hbs
View File

@ -1,5 +1,5 @@
{{#> compose_banner }}
<p>
<p class="banner_message">
{{#if (eq muted_narrow "stream")}}
{{#tr}}Your message was sent to a stream you have muted.{{/tr}}
{{else if (eq muted_narrow "topic")}}

2
web/templates/compose_banner/wildcard_warning.hbs
View File

@ -1,5 +1,5 @@
{{#> compose_banner }}
<p>
<p class="banner_message">
{{#tr}}
Are you sure you want to send @-mention notifications to the <strong>{subscriber_count}</strong> users subscribed to #{stream_name}? If not, please edit your message to remove the <strong>@{wildcard_mention}</strong> mention.
{{/tr}}