Description text provides explanatory information about a set of settings or a single item in a list or tree.
When to UseUse description text to:
Show details about items in a list or tree:
Describe a group of settings:
Follow general rules in Writing short and clear and Punctuation.
Use the default text style for plain text. Increase line height by 3px from the default value.
Use H4 bold (Default bold) for headings or to highlight important words:
Use the editor font to highlight code snippets:
Use bullets for lists:
Limit the width of the line to 70â80 symbols, as it is not convenient to read very long lines:
Incorrect
Correct
If the text does not fit, add a scrollbar:
AppearanceDo not add borders around the description text. Use the panel color for the background.
Incorrect
Correct
For links, use the default link color: Link.activeForeground. Underline links on hover:
Separate the text from the surroundings with insets.
Use a 12px horizontal inset if the description textâs area has other elements:
Increase inset up to 20px if the description text is the only element:
16 May 2024
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4