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

UX-3157, Changes in the texts and images

Browse Source
This commit is contained in:
eldar-jetbrains 2025-01-23 16:26:29 +01:00
parent 9774db0ef6
commit 2a7884fcf4
2 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/ui/dialog_and_popup_sizes/dialog_popup_sizes_dark.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 115 KiB

After

Width:  |  Height:  |  Size: 116 KiB

13
topics/Window-sizes.md
View File

@ -72,26 +72,21 @@ Set the dialog's maximum dimensions to match screen size to prevent resizing bey
### Popup ### Popup
Popups should have the same [default width](Window-sizes.md#default-sizes) as dialogs. In addition, there is an **extra small** size for popups – 200 px wide when the content is narrow.
<note>A popup can't be made smaller than the default size.</note> <note>A popup can't be made smaller than the default size.</note>
#### Action popups #### Action popups
If a popup has a vertical list of actions or options, set the minimum width to **extra small** (200 px). If a popup has a vertical list of actions or options, set the minimum width to 200 px.
The default width and height are adaptable to the content inside if it exceeds the minimum width. The default width and height are adaptable to the content inside if it exceeds the minimum width.
<table style="none" border="false"> <table style="none" border="false">
<tr> <tr>
<td width="50%"> <td width="50%">
<p><control>Extra small</control></p> <img src="dialog_popup_sizes_popup_xxs.png" alt="Insert popup 200 px wide"/>
<img src="dialog_popup_sizes_popup_xxs.png" alt="Insert popup 200 px wide" width="378"/>
</td> </td>
<td width="50%"> <td width="50%">
<p><control>Small</control></p> <p><control>Insert</control> popup with the minimum width</p>
<img src="dialog_popup_sizes_popup_xs.png" alt="Quick Fixes popup 350 px wide" width="378"/>
</td> </td>
</tr> </tr>
</table> </table>
@ -100,7 +95,7 @@ The default width and height are adaptable to the content inside if it exceeds t
If a popup has several sections and features long texts, set a default width to **medium** (500 px) or **large** (750 px). When the default width doesn't work, set [minimum sizes for components](Window-sizes.md#minimum-sizes-for-components). If a popup has several sections and features long texts, set a default width to **medium** (500 px) or **large** (750 px). When the default width doesn't work, set [minimum sizes for components](Window-sizes.md#minimum-sizes-for-components).
Height is adaptable based on the content. If a popup has a scrollable content, set the default height respectively: **medium** (350 px) or **large** (525 px). Height is adaptable based on the content. If a popup has a scrollable content, set the default height respectively: **medium** (350 px) or **large** (525 px), and use a [scrollbar](scrollbar.md).
<table style="none" border="false"> <table style="none" border="false">
<tr> <tr>