hxuanyu/intellij-sdk-code-samples
1
0
Fork 0
mirror of https://github.com/JetBrains/intellij-sdk-code-samples.git synced 2025-07-30 10:17:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

sdk_style.md: document "Zoom Popup" images

Browse Source
This commit is contained in:
Yann Cébron 2021-09-01 11:43:33 +02:00
parent 0644f750a8
commit bf3f6fcdf4
1 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
topics/intro/sdk_style.md
View File

@ -185,15 +185,42 @@ Also, optimize the image files using a tool such as the [PNG optimizer](https://
Images are embedded in a document by adding a Markdown link to the image like so:
```md
![Alt text](path-to-img.png)
![Alt text](image.png)
```
If the width of an image needs to be adjusted it can be specified as follows:
```md
![Alt text](path-to-img.png){width="42"}
![Alt text](image.png){width="42"}
```
#### Zoom Popup
Images too big to fit into main content can have <path>+</path> overlay control to open a popup with the "zoomed" variant.
<tabs>
<tab title="PNG">
For **PNG** images, provide additional zoomed variant <path>image.zoomed.png</path> with this notation:
```md
![Alt text](image.png){thumbnail="true"}
```
</tab>
<tab title="SVG">
For **SVG** images, use this notation:
```md
![Alt text](image.svg){thumbnail-same-file="true"}
```
</tab>
</tabs>
## Table of Contents
The table of contents for the site is displayed in the tree view on the left-hand side of the site, and it is generated from the <path>ijs.tree</path> file.
The list can have nested items, which are displayed as child items in the table of contents.