zulip

Commit Graph

Author	SHA1	Message	Date
Sumanth V Rao	b0c37713e5	templates: Extract and tweak copy_to_clipboard_svg from both buttons. Since both the original button svg's have their own individual height and width, this commit tweaks it to values height=20 and width=16 which works well for both buttons.	2020-10-08 17:13:50 -07:00
Sumanth V Rao	26ff6db751	css: Extract copy_button_base from copy_codeblock class. The base class will contain common styling which is used by both copy_codeblock and copy_message buttons. This sets us up nicely for following commit(s) which aims to unify the two button styling.	2020-10-08 17:13:50 -07:00
Sumanth V Rao	42d30bc14b	markdown: Add copy-to-clipboard button in codeblocks. Clicking on the copy-to-clipboard button triggers the clipboard.js API to dynamically set the text to be copied. This text is the actual code content from the sibling <code> element (extracted though jQuery text() method). The html structure would now look like: <div class="codehilite"> <pre> <button> The copy button </button> <span></span> <code>......</code> </pre> </div> Additionally, this preserves the original code formatting of the codeblock during copy-paste. Tests amended. Fixes: #15208	2020-08-26 23:18:05 -07:00

Author

SHA1

Message

Date

Sumanth V Rao

b0c37713e5

templates: Extract and tweak copy_to_clipboard_svg from both buttons.

Since both the original button svg's have their own individual height
and width, this commit tweaks it to values height=20 and width=16 which
works well for both buttons.

2020-10-08 17:13:50 -07:00

Sumanth V Rao

26ff6db751

css: Extract copy_button_base from copy_codeblock class.

The base class will contain common styling which is used by both
copy_codeblock and copy_message buttons. This sets us up nicely
for following commit(s) which aims to unify the two button styling.

2020-10-08 17:13:50 -07:00

Sumanth V Rao

42d30bc14b

markdown: Add copy-to-clipboard button in codeblocks.

Clicking on the copy-to-clipboard button triggers the clipboard.js
API to dynamically set the text to be copied. This text is the
actual code content from the sibling <code> element (extracted
though jQuery text() method).

The html structure would now look like:
<div class="codehilite">
    <pre>
        <button> The copy button </button>
        <span></span>
        <code>......</code>
    </pre>
</div>

Additionally, this preserves the original code formatting of
the codeblock during copy-paste.

Tests amended.

Fixes: #15208

2020-08-26 23:18:05 -07:00

3 Commits