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

UX-2323 Update existing UI Guidelines: Borderless tables in Button

Browse Source
This commit is contained in:
marianna.kononenko 2024-11-08 01:05:18 +01:00
parent 321cdfd6ee
commit 3c9a3c29d8
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
topics/ui/controls/button.topic
View File

@ -19,7 +19,7 @@
<img src="when_to_use_button.png" alt="When to use a button" width="706"/>
</chapter>
<chapter title="When not to use" id="when-not-to-use">
<table style="none">
<table style="none" border="false">
<tr>
<td width="50%"><img src="link_instead_of_button.png" alt="Using links instead of buttons" width="378"/></td>
<td><p>Use a link instead if:</p>
@ -78,7 +78,7 @@
<p>The button should answer the question in the title, so the user can skip the description. Prefer specific
labels over
generic ones:</p>
<table style="none">
<table style="none" border="false">
<tr>
<td width="50%">
<p>
@ -105,7 +105,7 @@
use the word
<control>Now</control> in labels because buttons always trigger an immediate action:
</p>
<table style="none">
<table style="none" border="false">
<tr>
<td width="50%">
<p>
@ -130,7 +130,7 @@
<p>The label should be short, not more than five words. If it’s not obvious what element the button is related
to, add more
words to make it clear. Prefer clear labels to short ones:</p>
<table style="none">
<table style="none" border="false">
<tr>
<td width="50%">
<p>
@ -313,7 +313,7 @@
<p>On hovering over a button, show a tooltip with the shortcut and the action name if it can be clarified.
For more details,
see <a href="context_help.md">Context help</a>.</p>
<table style="none" column-width="fixed">
<table style="none" column-width="fixed" border="false">
<tr>
<td width="378">
<img src="hovered_button.png" alt="Hovered buttons" width="378"/>
@ -332,7 +332,7 @@
</chapter>
<chapter title="Standard buttons" id="standard-buttons">
<chapter title="Apply" id="apply">
<table style="none" column-width="fixed">
<table style="none" column-width="fixed" border="false">
<tr>
<td width="378">
<img src="apply.png" alt="Hovered buttons" width="378"/>
@ -350,7 +350,7 @@
</table>
</chapter>
<chapter title="Cancel" id="cancel">
<table style="none" column-width="fixed">
<table style="none" border="false" column-width="fixed">
<tr>
<td width="378">
<img src="cancel.png" alt="Hovered buttons" width="378"/>
@ -386,7 +386,7 @@
</chapter>
<chapter title="Close">
<table style="none" column-width="fixed">
<table style="none" column-width="fixed" border="false">
<tr>
<td width="378">
<img src="close.png" alt="Hovered buttons" width="378"/>
@ -413,7 +413,7 @@
</table>
</chapter>
<chapter title="Help" id="help">
<table style="none" column-width="fixed">
<table style="none" border="false" column-width="fixed">
<tr>
<td width="378">
<img src="help.png" alt="Hovered buttons" width="378"/>