paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-24 00:23:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

rendered_markdown: Fix text wrapping in message view header.

Browse Source 
For elements that can wrap in a rendered markdown, we don't want them
to in places like message view header.
This commit is contained in:
Aman Agrawal
2024-07-09 08:01:46 +00:00
committed by Tim Abbott
parent 2a0dbd22a5
commit 84f22440dd
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/styles/rendered_markdown.css
View File

@@ -952,3 +952,13 @@
.highlight { .highlight {
background-color: hsl(51deg 100% 79%); background-color: hsl(51deg 100% 79%);
} }
/* For elements where we want to show as much markdown content we can
in a single line and then hide the overflowing part. */
.single-line-rendered-markdown {
/* Any element which can `wrap` in the above defined elements. */
code,
.stream-topic {
white-space: nowrap;
}
}

4
web/templates/message_view_header.hbs
View File

@@ -12,7 +12,7 @@
{{/unless}} {{/unless}}
</div> </div>
</template> </template>
<span class="narrow_description rendered_markdown"> <span class="narrow_description rendered_markdown single-line-rendered-markdown">
{{#if rendered_narrow_description}} {{#if rendered_narrow_description}}
{{rendered_markdown rendered_narrow_description}} {{rendered_markdown rendered_narrow_description}}
{{else}} {{else}}
@@ -28,7 +28,7 @@
{{> navbar_icon_and_title }} {{> navbar_icon_and_title }}
</span> </span>
{{#if description}} {{#if description}}
<span class="narrow_description rendered_markdown">{{description}} <span class="narrow_description rendered_markdown single-line-rendered-markdown">{{description}}
{{#if link}} {{#if link}}
<a class="help_link_widget" href="{{link}}" target="_blank" rel="noopener noreferrer"> <a class="help_link_widget" href="{{link}}" target="_blank" rel="noopener noreferrer">
<i class="fa fa-question-circle-o" aria-hidden="true"></i> <i class="fa fa-question-circle-o" aria-hidden="true"></i>