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

UX-3436 Link Guideline: Small text fixes

Browse Source
This commit is contained in:
Eldar Isiangulov 2025-04-10 18:03:55 +02:00
parent f93f38bb35
commit 7a98b89c2c
7 changed files with 40 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/ui/link/link_when_not_to_3_correct.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
images/ui/link/link_when_not_to_3_correct_dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
images/ui/link/link_when_not_to_3_incorrect.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
images/ui/link/link_when_not_to_3_incorrect_dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
images/ui/link/link_when_to_6_3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 19 KiB

BIN
images/ui/link/link_when_to_6_3_dark.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 20 KiB

79
topics/ui/controls/link.md
View File

@ -54,46 +54,11 @@ Use a link as a secondary action for some items of a tree or table.
#### All items can be changed
<table style="none" border="false">
<tr>
<td width="378">
<img src="link_when_to_6_1.png" width="378" alt="Table with a toolbar with icon buttons"/>
</td>
<td>
<p>Add an <a href="icon_button.md">icon button</a> to a toolbar.</p>
</td>
</tr>
<tr>
<td width="378">
<img src="link_when_to_6_2.png" width="378" alt="Table with a toolbar with icon buttons"/>
</td>
<td>
<p>For a list of choices, add a separate table column of drop-down cells (see <a href="table.md" anchor="editing-values">Table</a>).</p>
</td>
</tr>
<tr>
<td width="378">
<img src="link_when_to_6_3.png" width="378" alt="Links in the Push Commits window 'origin : master'"/>
</td>
<td>
<p>If a link in every tree or table line has meaningful formatting, leave it.</p>
<p>For example, links in the <control>Push Commits</control> window help understand the relation between them: <control>[remote repository] : [branch]</control>; moving these links elsewhere would break this meaning.</p>
</td>
</tr>
</table>
<p>If a link in every tree or table line has meaningful formatting, leave it.</p>
<table style="none" border="false">
<tr>
<td>
<format color="369650" style="bold">Correct</format>
<img src="link_when_to_6_correct.png" width="378" alt="Table with a toolbar with icon-buttons"/>
</td>
<td>
<format color="E55765" style="bold">Incorrect</format>
<img src="link_when_to_6_incorrect.png" width="378" alt="Table with a link 'Edit…' in every row"/>
</td>
</tr>
</table>
<p>For example, links in the <control>Push Commits</control> window help understand the relation between them: <control>[remote repository] : [branch]</control>; moving these links elsewhere would break this meaning.</p>
<img src="link_when_to_6_3.png" width="706" alt="Links in the Push Commits window 'origin : master'"/>
## When not to use
@ -114,6 +79,42 @@ Use a [button](button.topic) or a [drop down list](drop_down.md) for primary act
</tr>
</table>
### Secondary actions in a tree or table {id="secondary-actions-not-to-use"}
#### Editable items
<p>When all items can be changed, add an <a href="icon_button.md">icon button</a> to a toolbar.</p>
<table style="none" border="false">
<tr>
<td>
<format color="369650" style="bold">Correct</format>
<img src="link_when_to_6_correct.png" width="378" alt="Table with a toolbar with icon-buttons"/>
</td>
<td>
<format color="E55765" style="bold">Incorrect</format>
<img src="link_when_to_6_incorrect.png" width="378" alt="Table with a link 'Edit…' in every row"/>
</td>
</tr>
</table>
#### List of choices
<p>For a list of choices, add a separate table column of drop-down cells (see <a href="table.md" anchor="editing-values">Table</a>).</p>
<table style="none" border="false">
<tr>
<td>
<format color="369650" style="bold">Correct</format>
<img src="link_when_not_to_3_correct.png" width="378" alt="Table with a toolbar with icon-buttons"/>
</td>
<td>
<format color="E55765" style="bold">Incorrect</format>
<img src="link_when_not_to_3_incorrect.png" width="378" alt="Table with a link 'Edit…' in every row"/>
</td>
</tr>
</table>
### Simple UI
Use a [button](button.topic) or a [drop down list](drop_down.md) when a UI is not constrained.