[PE] Documentation update (English)

This commit is contained in:
alexandervnuchkov 2018-03-30 14:36:20 +03:00
parent 655143bfa4
commit f31b01f1bd
35 changed files with 89 additions and 25 deletions

View file

@ -2,7 +2,8 @@
{"src": "ProgramInterface/ProgramInterface.htm", "name": "Introducing Presentation Editor user interface", "headername": "Program Interface"},
{"src": "ProgramInterface/FileTab.htm", "name": "File tab"},
{"src": "ProgramInterface/HomeTab.htm", "name": "Home Tab"},
{"src": "ProgramInterface/InsertTab.htm", "name": "Insert tab"},
{"src": "ProgramInterface/InsertTab.htm", "name": "Insert tab" },
{"src": "ProgramInterface/CollaborationTab.htm", "name": "Collaboration tab"},
{"src": "ProgramInterface/PluginsTab.htm", "name": "Plugins tab"},
{"src": "UsageInstructions/OpenCreateNew.htm", "name": "Create a new presentation or open an existing one", "headername": "Basic operations" },
{"src": "UsageInstructions/CopyPasteUndoRedo.htm", "name": "Copy/paste data, undo/redo your actions"},

View file

@ -24,35 +24,40 @@
</ul>
<div class="onlineDocumentFeatures">
<h3>Co-editing</h3>
<p><b>Presentation Editor</b> allows to select one of the two available co-editing modes. <b>Fast</b> is used by default and shows the changes made by other users in realtime. <b>Strict</b> is selected to hide other user changes until you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon to save your own changes and accept the changes made by others. The mode can be selected in the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>.</p>
<p><b>Presentation Editor</b> allows to select one of the two available co-editing modes. <b>Fast</b> is used by default and shows the changes made by other users in realtime. <b>Strict</b> is selected to hide other user changes until you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon to save your own changes and accept the changes made by others. The mode can be selected in the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>. It's also possible to choose the necessary mode using the <img alt="Co-editing Mode icon" src="../images/coeditingmode.png" /> <b>Co-editing Mode</b> icon at the <b>Collaboration</b> tab of the top toolbar:</p>
<p><img alt="Co-editing Mode menu" src="../images/coeditingmodemenu.png" /></p>
<p>When a presentation is being edited by several users simultaneously in the <b>Strict</b> mode, the edited objects (autoshapes, text objects, tables, images, charts) are marked with dashed lines of different colors. The object that you are editing is surrounded by the green dashed line. Red dashed lines indicate that objects are being edited by other users. By hovering the mouse cursor over one of the edited passages, the name of the user who is editing it at the moment is displayed. The <b>Fast</b> mode will show the actions and the names of the co-editors once they are editing the text.</p>
<p>The number of users who are working at the current presentation is specified on the right side of the editor header - <img alt="Number of users icon" src="../images/usersnumber.png" />. If you want to see who exactly are editing the file now, you can click this icon or open the <b>Chat</b> panel with the full list of the users.</p>
<p>When no users are viewing or editing the file, the icon in the editor header will look like <img alt="Manage document access rights icon" src="../images/access_rights.png" /> allowing you to manage the users who have access to the file right from the document: invite new users giving them either full or read-only access, or deny some users access rights to the file. Click this icon to manage the access to the file; this can be done both when there are no other users who view or co-edit the document at the moment and when there are other users and the icon looks like <img alt="Number of users icon" src="../images/usersnumber.png" />.</p>
<p>When no users are viewing or editing the file, the icon in the editor header will look like <img alt="Manage document access rights icon" src="../images/access_rights.png" /> allowing you to manage the users who have access to the file right from the document: invite new users giving them either full or read-only access, or deny some users access rights to the file. Click this icon to manage the access to the file; this can be done both when there are no other users who view or co-edit the document at the moment and when there are other users and the icon looks like <img alt="Number of users icon" src="../images/usersnumber.png" />. It's also possible to set access rights using the <img alt="Sharing icon" src="../images/sharingicon.png" /> <b>Sharing</b> icon at the <b>Collaboration</b> tab of the top toolbar.</p>
<p>As soon as one of the users saves his/her changes by clicking the <img alt="Save icon" src="../images/savewhilecoediting.png" /> icon, the others will see a note within the status bar stating that they have updates. To save the changes you made, so that other users can view them, and get the updates saved by your co-editors, click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar. The updates will be highlighted for you to check what exactly has been changed.</p>
<h3>Chat</h3>
<p>You can use this tool to coordinate the co-editing process on-the-fly, for example, to arrange with your collaborators about who is doing what, which paragraph you are going to edit now etc.</p>
<p>The chat messages are stored during one session only. To discuss the document content it is better to use comments which are stored until you decide to delete them.</p>
<p>To access the chat and leave a message for other users,</p>
<ol>
<li>click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar,</li>
<li>
click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar, or <br />
switch to the <b>Collaboration</b> tab of the top toolbar and click the <img alt="Chat icon" src="../images/chat_toptoolbar.png" /> <b>Chat</b> button,
</li>
<li>enter your text into the corresponding field below,</li>
<li>press the <b>Send</b> button.</li>
</ol>
<p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <img alt="Chat icon" src="../images/chaticon_new.png" />.</p>
<p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon once again.</p>
<p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar or the <img alt="Chat icon" src="../images/chat_toptoolbar.png" /> <b>Chat</b> button at the top toolbar once again.</p>
</div>
<h3>Comments</h3>
<p>To leave a comment:</p>
<p>To leave a comment to a certain object (text box, shape etc.):</p>
<ol>
<li>select an object where you think there is an error or problem,</li>
<li>switch to the <b>Insert</b> tab of the top toolbar and click the <img alt="Comment icon" src="../images/comment_toptoolbar.png" /> <b>Comment</b> button, or<br />
use the <img alt="Comments icon" src="../images/commentsicon.png" /> icon at the left sidebar to open the <b>Comments</b> panel and click the <b>Add Comment to Document</b> link, or<br />
right-click the selected object and select the <b>Add Сomment</b> option from the menu,
<li>switch to the <b>Insert</b> or <b>Collaboration</b> tab of the top toolbar and click the <img alt="Comment icon" src="../images/comment_toptoolbar.png" /> <b>Comment</b> button, or<br />
right-click the selected object and select the <b>Add Сomment</b> option from the menu,<br />
</li>
<li>enter the needed text,</li>
<li>click the <b>Add Comment/Add</b> button.</li>
</ol>
<p>The comment will be seen on the panel on the left. The object you commented will be marked with the <img alt="Commented object icon" src="../images/added_comment_icon.png" /> icon. To view the comment, just click on this icon. <!--If you need to disable this feature, click the <img alt="File icon" src="../images/file.png" /> icon, select the <b>Advanced Settings...</b> option and uncheck the <b>Turn on live commenting option</b> box. In this case the commented passages will be highlighted only if you click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon.--></p>
<p>The object you commented will be marked with the <img alt="Commented object icon" src="../images/added_comment_icon.png" /> icon. To view the comment, just click on this icon.</p>
<p>To add a comment to a certain slide, select the slide and use the <img alt="Comment icon" src="../images/comment_toptoolbar.png" /> <b>Comment</b> button at the <b>Insert</b> or <b>Collaboration</b> tab of the top toolbar. The added comment will be displayed in the upper left corner of the slide.</p>
<p>To create a presentation-level comment which is not related to a certain object or slide, click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon at the left sidebar to open the <b>Comments</b> panel and use the <b>Add Comment to Document</b> link. The presentation-level comments can be viewed at the <b>Comments</b> panel. Comments related to objects and slides are also available here.</p>
<p>Any other user can answer to the added comment asking questions or reporting on the work he/she has done. For this purpose, click the <b>Add Reply</b> link situated under the comment.</p>
<p>You can manage the comments you added in the following way:</p>
<ul>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>Collaboration tab</title>
<meta charset="utf-8" />
<meta name="description" content="Introducing the Presentation Editor user interface - Collaboration tab" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Collaboration tab</h1>
<p>The <b>Collaboration</b> tab allows to organize collaborative work on the presentation: share the file, select a co-editing mode, manage comments.</p>
<p><img alt="Collaboration tab" src="../images/interface/collaborationtab.png" /></p>
<p>Using this tab, you can:</p>
<ul>
<li>specify <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">sharing settings</a>,</li>
<li>switch between the <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">Strict and Fast</a> co-editing modes,</li>
<li>add <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">comments</a> to the presentation,</li>
<li>open the <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel.</li>
</ul>
</div>
</body>
</html>

View file

@ -14,8 +14,9 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Plugins tab</h1>
<p>The <b>Plugins</b> tab allows to access advanced editing features using available third-party components.</p>
<p>The <b>Plugins</b> tab allows to access advanced editing features using available third-party components. Here you can also use macros to simplify routine operations.</p>
<p><img alt="Plugins tab" src="../images/interface/pluginstab.png" /></p>
<p>The <b>Macros</b> button allows to open the window where you can create your own macros and run them. To learn more about macros you can refer to our <a target="_blank" href="https://api.onlyoffice.com/plugin/macros" onclick="onhyperlinkclick(this)">API Documentation</a>.</p>
<p>Currently, the following plugins are available:</p>
<ul>
<li><b>ClipArt</b> allows to add images from the clipart collection into your presentation,</li>

View file

@ -21,7 +21,7 @@
<li><b>Editor header</b> displays the logo, menu tabs, presentation name as well as two icons on the right that allow to <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">set access rights</a> and return to the Documents list.
<p><img alt="Icons in the editor header" src="../images/interface/rightpart.png" /></p>
</li>
<li><b>Top toolbar</b> displays a set of editing commands depending on the selected menu tab. Currently, the following tabs are available: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">File</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Home</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insert</a>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
<li><b>Top toolbar</b> displays a set of editing commands depending on the selected menu tab. Currently, the following tabs are available: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">File</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Home</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insert</a>, <a href="../ProgramInterface/CollaborationTab.htm" onclick="onhyperlinkclick(this)">Collaboration</a>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Plugins</a>.
<p>The <b>Print</b>, <b>Save</b>, <b>Copy</b>, <b>Paste</b>, <b>Undo</b>, <b>Redo</b> and <b>Add Slide</b> options are always available at the left part of the <b>Top toolbar</b> regardless of the selected tab.</p>
<p><img alt="Icons on the top toolbar" src="../images/interface/leftpart.png" /></p>
</li>

View file

@ -14,6 +14,7 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Copy/paste data, undo/redo your actions</h1>
<h3>Use basic clipboard operations</h3>
<p>To cut, copy and paste selected objects (slides, text passages, autoshapes) in the current presentation or undo/redo your actions use the corresponding options from the right-click menu, or keyboard shortcuts, or icons available at any tab of the top toolbar:</p>
<ul>
<li><b>Cut</b> select an object and use the <b>Cut</b> option from the right-click menu to delete the selection and send it to the computer clipboard memory. The cut data can be later inserted to another place in the same presentation.</li>
@ -26,6 +27,22 @@
<li><b>Ctrl+V</b> key combination for pasting;</li>
<li><b>Ctrl+X</b> key combination for cutting.</li>
</ul>
<h3>Use the Paste Special feature</h3>
<p>Once the copied data is pasted, the <b>Paste Special</b> <img alt="Paste Special" src="../images/pastespecialbutton.png" /> button appears next to the inserted text passage/object. Click this button to select the necessary paste option. </p>
<p>When pasting text passages, the following options are available:</p>
<ul>
<li><em>Use destination theme</em> - allows to apply the formatting specified by the theme of the current presentation. This option is used by default.</li>
<li><em>Keep source formatting</em> - allows to keep the source formatting of the copied text.</li>
<li><em>Picture</em> - allows to paste the text as an image so that it cannot be edited.</li>
<li><em>Keep text only</em> - allows to paste the text without its original formatting.</li>
</ul>
<p><img alt="Paste options" src="../images/pastespecial.png" /></p>
<p>When pasting objects (autoshapes, charts, tables) the following options are available:</p>
<ul>
<li><em>Use destination theme</em> - allows to apply the formatting specified by the theme of the current presentation. This option is used by default.</li>
<li><em>Picture</em> - allows to paste the object as an image so that it cannot be edited.</li>
</ul>
<h3>Use the Undo/Redo operations</h3>
<p>To perform the undo/redo operations, use the corresponding icons available at any tab of the top toolbar or keyboard shortcuts:</p>
<ul>
<li><b>Undo</b> use the <b>Undo</b> <img alt="Undo icon" src="../images/undo.png" /> icon to undo the last operation you performed.</li>

View file

@ -183,7 +183,7 @@
<p>To edit the chart <b>Title</b>, select the default text with the mouse and type in your own one instead.</p>
<p>To change the font formatting within text elements, such as the chart title, axes titles, legend entries, data labels etc., select the necessary text element by left-clicking it. Then use icons at the <b>Home</b> tab of the top toolbar to change the font <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">type, style, size, or color</a>.</p>
<p>To delete a chart element, select it by left-clicking and press the <b>Delete</b> key on the keyboard.</p>
<p>You can also rotate 3D charts using the mouse. Left-click within the plot area and hold the mouse button until a blue dashed box appears. Drag the cursor without releasing the mouse button to change the 3D chart orientation.</p>
<p>You can also rotate 3D charts using the mouse. Left-click within the plot area and hold the mouse button. Drag the cursor without releasing the mouse button to change the 3D chart orientation.</p>
<p><img alt="3D chart" src="../images/3dchart.png" /></p>
<hr />
<h3>Adjust chart settings</h3>
@ -194,6 +194,8 @@
<p>To select the necessary chart <b>Style</b>, use the second drop-down menu in the <b>Change Chart Type</b> section.</p>
<p>The <b>Edit Data</b> button allows you to open the <b>Chart Editor</b> window and start editing data as described above.</p>
<p class="note"><b>Note</b>: to quickly open the 'Chart Editor' window you can also double-click the chart on the slide.</p>
<p>The <b>Show advanced settings</b> option at the right sidebar allows to open the <b>Chart - Advanced Settings</b> window where you can set the alternative text:</p>
<p><img alt="Chart Advanced Settings window" src="../images/chartsettings6.png" /></p>
<p>When the chart is selected, the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon is also available on the right, since a shape is used as a background for the chart. You can click this icon to open the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Shape settings</a> tab at the right sidebar and adjust the shape <b>Fill</b> and <b>Stroke</b>. Note that you cannot change the shape type.</p>
<hr />
<p>To <b>delete</b> the inserted chart, left-click it and press the <b>Delete</b> key on the keyboard.</p>

View file

@ -30,10 +30,12 @@
</ol>
<hr />
<h3>Adjust image settings</h3>
<img class="floatleft"alt="Image Settings tab" src="../images/imagesettingstab.png" />
<p>The right sidebar is activated when you left-click an image and choose the <b>Image settings</b> <img alt="Image settings icon" src="../images/image_settings_icon.png" /> icon on the right. It contains the following sections:</p>
<p><b>Size</b> - is used to view the current image <b>Width</b> and <b>Height</b> or restore the image <b>Default Size</b> if necessary.</p>
<img alt="Image Settings tab" src="../images/imagesettingstab.png" />
<p><b>Size</b> - is used to view the current image <b>Width</b> and <b>Height</b> or restore the image <b>Default Size</b> if necessary.</p>
<p><b>Replace Image</b> - is used to load another image instead of the current one selecting the desired source. You can select one of the options: <b>From File</b> or <b>From URL</b>.</p>
<p>When the image is selected, the <b>Shape settings</b> <img alt="Shape settings icon" src="../images/shape_settings_icon.png" /> icon is also available on the right. You can click this icon to open the <b>Shape settings</b> tab at the right sidebar and adjust the shape <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Stroke</b></a> type, size and color as well as change the shape type selecting another shape from the <b>Change Autoshape</b> menu. The shape of the image will change correspondingly.</p>
<p><img alt="Shape Settings tab" src="../images/right_image_shape.png" /></p>
<hr />
<p>To change the <b>advanced settings</b> of the image, right-click the image and select the <b>Image Advanced Settings</b> option from the contextual menu or left-click the image and press the <b>Show advanced settings</b> link at the right sidebar. The image properties window will be opened:</p>
<p><img alt="Image Properties" src="../images/image_properties.png" /></p>

View file

@ -30,6 +30,9 @@
</li>
<li>once the table is added you can change its properties and position.</li>
</ol>
<p>To resize a table, drag the handles <img alt="Square icon" src="../images/resize_square.png" /> situated on its edges until the table reaches the necessary size.</p>
<p><img alt="Resize table" src="../images/resizetable.png" /></p>
<p>You can also manually change the width of a certain column or the height of a row. Move the mouse cursor over the right border of the column so that the cursor turns into the bidirectional arrow <img alt="Mouse Cursor when changing column width" src="../images/changecolumnwidth.png" /> and drag the border to the left or right to set the necessary width. To change the height of a single row manually, move the mouse cursor over the bottom border of the row until the cursor turns into the bidirectional arrow <img alt="Mouse Cursor when changing row height" src="../images/changerowheight.png" /> and drag it up or down.</p>
<p>You can specify the <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">table position</a> on the slide dragging it vertically or horizontally.</p>
<hr />
<h3>Adjust table settings</h3>
@ -51,7 +54,6 @@
<ul>
<li><b>Border</b> parameters - set the border width using the <img alt="Border Size list" src="../images/bordersize.png" /> list (or choose the <b>No borders</b> option), select its <b>Color</b> in the available palettes and determine the way it will be displayed in the cells clicking on the icons:
<p><img alt="Border Type icons" src="../images/bordertype.png" /></p>
<p class="note"><b>Note</b>: in case you select not to show table borders choosing an appropriate template, or selecting the <b>No borders</b> option, or clicking the <img alt="No borders" src="../images/noborders.png" /> icon, they will be indicated by a dotted line on the slide.</p>
</li>
<li><b>Background color</b> - select the color for the background within the selected cells.</li>
</ul>
@ -67,6 +69,7 @@
</li>
</ul>
<p class="note"><b>Note</b>: the options of the <b>Rows & Columns</b> section are also accessible from the <b>right-click menu</b>.</p>
<p>The <b>Cell Size</b> section is used to adjust the width and height of the currently selected cell. In this section, you can also <b>Distribute rows</b> so that all the selected cells have equal height or <b>Distribute columns</b> so that all the selected cells have equal width. The <b>Distribute rows/columns</b> options are also accessible from the <b>right-click menu</b>.</p>
<hr />
<p>To change the advanced table settings, click the table with the right mouse button and select the <b>Table Advanced Settings</b> option from the right-click menu or click the <b>Show advanced settings</b> link at the right sidebar. The table properties window will be opened:</p>
<p><img alt="Table Properties" src="../images/table_properties.png" /></p>

View file

@ -16,7 +16,7 @@
<h1>Manipulate objects on a slide</h1>
<p>You can resize, move, rotate different objects on a slide manually using the special handles. You can also specify the dimensions and position of some objects exactly using the right sidebar or <b>Advanced Settings</b> window.</p>
<h3>Resize objects</h3>
<p>To change the <b>autoshape/image/chart/text box</b> size, drag small squares <img alt="Square icon" src="../images/resize_square.png" /> situated on the object edges. To maintain the original proportions of the selected object while resizing, hold down the <b>Shift</b> key and drag one of the corner icons.</p>
<p>To change the <b>autoshape/image/chart/table/text box</b> size, drag small squares <img alt="Square icon" src="../images/resize_square.png" /> situated on the object edges. To maintain the original proportions of the selected object while resizing, hold down the <b>Shift</b> key and drag one of the corner icons.</p>
<p><img alt="Maintaining proportions" src="../images/maintain_proportions.png" /></p>
<p>To specify the precise width and height of a <b>chart</b>, select it on a slide and use the <b>Size</b> section of the right sidebar that will be activated.</p>
<p>To specify the precise dimensions of an <b>image</b> or <b>autoshape</b>, right-click the necessary object on the slide and select the <b>Image/Shape Advanced Settings</b> option from the menu. Specify necessary values on the <b>Size</b> tab of the <b>Advanced Settings</b> window and press <b>OK</b>.</p>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 332 B

After

Width:  |  Height:  |  Size: 332 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 143 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 373 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 621 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 483 KiB

After

Width:  |  Height:  |  Size: 468 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 448 B

After

Width:  |  Height:  |  Size: 447 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 900 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 608 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 369 B

After

Width:  |  Height:  |  Size: 364 B

File diff suppressed because one or more lines are too long