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

markdown: Add .rendered_markdown for all elements with rendered MD content.

Browse Source 
This adds a class `rendered_markdown` for all the elements which have
rendered markdown content; This is done to add different styles for
rendered content in day mode and night mode.

Also replace the element selectors from CSS to use the class.
This commit is contained in:
Vaibhav
2019-03-22 21:33:19 +05:30
committed by Tim Abbott
parent 85ddd73d8c
commit 5c36918c17
8 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
static/styles/night_mode.scss
View File

@@ -513,11 +513,7 @@ on a dark background, and don't change the dark labels dark either. */
}
#feedback_container,
.message_content code,
.message_edit_content code,
.preview_content code,
#settings_page code,
#message-formatting code,
.rendered_markdown code,
.typeahead.dropdown-menu {
background-color: hsl(212, 25%, 15%);
border-color: hsla(0, 0%, 0%, 0.5);

2
static/templates/draft.handlebars
View File

@@ -36,7 +36,7 @@
<i class="fa fa-trash-o fa-lg delete-draft" aria-hidden="true" data-toggle="tooltip" title="{{t 'Delete draft' }} (Backspace)"></i>
</div>
</div>
<div class="message_content restore-draft" data-toggle="tooltip" title="{{t 'Restore draft' }}">{{{content}}}</div>
<div class="message_content rendered_markdown restore-draft" data-toggle="tooltip" title="{{t 'Restore draft' }}">{{{content}}}</div>
</div>
</div>
</div>

2
static/templates/message_body.handlebars
View File

@@ -38,7 +38,7 @@
</div>
{{#unless status_message}}
<div class="message_content">{{#if use_match_properties}}{{{msg/match_content}}}{{else}}{{{msg/content}}}{{/if}}</div>
<div class="message_content rendered_markdown">{{#if use_match_properties}}{{{msg/match_content}}}{{else}}{{{msg/content}}}{{/if}}</div>
{{/unless}}
{{#if last_edit_timestr}}

4
static/templates/message_edit_form.handlebars
View File

@@ -24,10 +24,10 @@
<path fill="#777" d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z" />
</svg>
</button>
<textarea class="message_edit_content" maxlength="10000" id="message_edit_content_{{message_id}}">{{content}}</textarea>
<textarea class="message_edit_content rendered_markdown" maxlength="10000" id="message_edit_content_{{message_id}}">{{content}}</textarea>
<div class="scrolling_list preview_message_area" id="preview_message_area_{{message_id}}" style="display:none;">
<div id="markdown_preview_spinner_{{message_id}}"></div>
<div id="preview_content_{{message_id}}" class="preview_content"></div>
<div id="preview_content_{{message_id}}" class="preview_content rendered_markdown"></div>
</div>
</div>
</div>

2
static/templates/message_edit_history.handlebars
View File

@@ -10,7 +10,7 @@
<div class="message_content message_edit_history_content"><p>Topic: <span class="highlight_text_inserted">{{ new_topic }}</span> <span class="highlight_text_deleted">{{ prev_topic }}</span></p></div>
{{/if}}
{{#if body_to_render}}
<div class="message_content message_edit_history_content">{{{ body_to_render }}}</div>
<div class="message_content rendered_markdown message_edit_history_content">{{{ body_to_render }}}</div>
{{/if}}
<div class="message_author"><div class="author_details">{{ posted_or_edited }} {{ edited_by }}</div></div>
</div>

2
templates/zerver/app/compose.html
View File

@@ -90,7 +90,7 @@
<textarea class="new_message_textarea" name="content" id='compose-textarea' placeholder="{{ _('Compose your message here') }}" tabindex="0" maxlength="10000" aria-label="{{ _('Compose your message here...') }}"></textarea>
<div class="scrolling_list preview_message_area" id="preview_message_area" style="display:none;">
<div id="markdown_preview_spinner"></div>
<div id="preview_content" class="preview_content"></div>
<div id="preview_content" class="preview_content rendered_markdown"></div>
</div>
<div class="drag"></div>
<div id="below-compose-content">

2
templates/zerver/app/markdown_help.html
View File

@@ -1,4 +1,4 @@
<div class="overlay-modal hide" id="message-formatting" tabindex="-1" role="dialog"
<div class="overlay-modal hide rendered_markdown" id="message-formatting" tabindex="-1" role="dialog"
aria-label="{{ _('Message formatting') }}">
<div class="modal-body" tabindex="0">
<div id="markdown-instructions">

2
templates/zerver/app/settings_overlay.html
View File

@@ -1,4 +1,4 @@
<div id="settings_page" class="new-style overlay-content modal-bg">
<div id="settings_page" class="new-style overlay-content modal-bg rendered_markdown">
<div class="settings-header mobile">
<i class="fa fa-chevron-left" aria-hidden="true"></i>
<h1>{{ _('Settings') }}<span class="section"></span></h1>