mirror of
https://github.com/JetBrains/intellij-sdk-code-samples.git
synced 2025-07-28 01:07:49 +08:00
UX-3157, Changes in the texts and images
This commit is contained in:
parent
d643dbf589
commit
9774db0ef6
Binary file not shown.
Before Width: | Height: | Size: 295 KiB After Width: | Height: | Size: 119 KiB |
Binary file not shown.
Before Width: | Height: | Size: 228 KiB After Width: | Height: | Size: 115 KiB |
@ -72,15 +72,15 @@ Set the dialog's maximum dimensions to match screen size to prevent resizing bey
|
|||||||
|
|
||||||
### Popup
|
### Popup
|
||||||
|
|
||||||
Popups should have the same [default](Window-sizes.md#default-sizes) width as dialogs. In addition, there is an **extra small** size for popups – 200 px wide when the content is narrow.
|
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 a default width to either **extra small** (200 px) or **small** (350 px).
|
If a popup has a vertical list of actions or options, set the minimum width to **extra small** (200 px).
|
||||||
|
|
||||||
The width and height are adaptable based on the content if it exceeds the set dimensions.
|
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">
|
||||||
@ -96,9 +96,9 @@ The width and height are adaptable based on the content if it exceeds the set di
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
#### Content-rich Popups
|
#### Content-rich popups
|
||||||
|
|
||||||
If a popup has several sections and features long texts, set a default width to **medium** (500 px) or **large** (750 px).
|
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).
|
||||||
|
|
||||||
@ -117,22 +117,22 @@ Height is adaptable based on the content. If a popup has a scrollable content, s
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
When the default width doesn't work, set [minimum sizes for components](Window-sizes.md#minimum-sizes-for-components).
|
|
||||||
|
|
||||||
#### Maximum width and height
|
#### Maximum width and height
|
||||||
|
|
||||||
Set maximum width and height to 80% of a screen size. Use a [scrollbar](scrollbar.md) if a popup's content doesn't fit within the set dimensions.
|
Set maximum width and height to 80% of a screen size. Use a [scrollbar](scrollbar.md) if a popup's content doesn't fit within the set dimensions.
|
||||||
|
|
||||||
### Tool windows
|
### Tool windows
|
||||||
|
|
||||||
Default sizes:
|
#### Vertical tool window
|
||||||
|
|
||||||
* Vertical tool windows should take minimum 20% of the application width but not less than 200×500 px.
|
* Default width: 20% of the application width.
|
||||||
* Horizontal tool windows should take minimum 20% of the application height but not less than 500×200 px.
|
* The minimum size: 200×500 px.
|
||||||
|
|
||||||
The default sizes should be set for all the states of the <control>View Mode</control>.
|
#### Hotzintal tool window
|
||||||
|
|
||||||
|
* Default height: 20% of the application height.
|
||||||
|
* The minimum size: 500×200 px.
|
||||||
|
|
||||||
<note>A tool window can't be made smaller than the default size.</note>
|
|
||||||
|
|
||||||
For example, the vertical <control>Project</control> tool window and the horizontal <control>Build</control> tool window with minimum sizes in <control>Window</control> mode:
|
For example, the vertical <control>Project</control> tool window and the horizontal <control>Build</control> tool window with minimum sizes in <control>Window</control> mode:
|
||||||
|
|
||||||
@ -145,9 +145,9 @@ When the default sizes are either too big or too small for a window, or the wind
|
|||||||
|
|
||||||
### How to set the size correctly
|
### How to set the size correctly
|
||||||
|
|
||||||
1. Select how the [content](Window-sizes.md#how-the-content-is-displayed) is displayed.
|
1. Select the [control](Window-sizes.md#how-the-content-is-displayed) used to display content.
|
||||||
2. What [type of content](Window-sizes.md#types-of-content) is used.
|
2. Select the [type of content](Window-sizes.md#types-of-content) used.
|
||||||
3. Select the biggest size out of the two to add the minimum size to a component.
|
3. The minimum size is the biggest size out of the two defined in the previous steps.
|
||||||
|
|
||||||
#### How the content is displayed
|
#### How the content is displayed
|
||||||
|
|
||||||
@ -194,6 +194,8 @@ When the default sizes are either too big or too small for a window, or the wind
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
<note>In any other case, select the width appropriate for the most common values in the component and follow <control>sizes and placement</control> guidelines for <a href="Components.topic">each control</a>.</note>
|
||||||
|
|
||||||
#### Types of content
|
#### Types of content
|
||||||
|
|
||||||
<table style="none" border="false">
|
<table style="none" border="false">
|
||||||
@ -286,7 +288,7 @@ The <control>Rename Inheritors</control> dialog has a table with FQNs. Add 350&n
|
|||||||
|
|
||||||
#### Example 3
|
#### Example 3
|
||||||
|
|
||||||
Instead of setting a default size for a diagram popup, for example, <control>small</control> (350×250 px), add horizontal and vertical 100 px insets inside the <control>Diagram</control> popup, and make the width and height adaptive to its content. This will help small diagrams be more noticeable and make a diagram popup of any size easier to read.
|
Instead of setting a default size for the <control>Diagram</control> popup, add horizontal and vertical 100 px insets inside the <control>Diagram</control> popup, and make the width and height adaptive to its content. This will help small diagrams be more noticeable and make a diagram popup of any size easier to read.
|
||||||
|
|
||||||
<table style="none" border="false">
|
<table style="none" border="false">
|
||||||
<tr>
|
<tr>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user