Skip to content
Snippets Groups Projects
Commit eff24047 authored by Achilleas Pipinellis's avatar Achilleas Pipinellis
Browse files

Merge branch 'ux-guide-anchor-hover' into 'master'

UX Guide: Anchor hover guidance include color change

Update guidance on anchor hover treatment in UX Guide

See merge request !7639
parents 70d4d2fb 5a5e03b5
No related branches found
No related tags found
No related merge requests found
Loading
Loading
@@ -43,7 +43,7 @@ Primary links are blue in their rest state. Secondary links (such as the time st
 
#### Hover
 
An underline should always be added on hover. A gray link becomes blue on hover.
On hover, an underline should be added and the color should change. Both the primary and secondary link should become the darker blue color on hover.
 
#### Focus
 
Loading
Loading
@@ -72,9 +72,7 @@ Secondary buttons are for alternative commands. They should be conveyed by a bu
### Icon and text treatment
Text should be in sentence case, where only the first word is capitalized. "Create issue" is correct, not "Create Issue". Buttons should only contain an icon or a text, not both.
 
>>>
TODO: Rationalize this. Ensure that we still believe this.
>>>
> TODO: Rationalize this. Ensure that we still believe this.
 
### Colors
Follow the color guidance on the [basics](basics.md#color) page. The default color treatment is the white/grey button.
Loading
Loading
@@ -85,9 +83,7 @@ Follow the color guidance on the [basics](basics.md#color) page. The default col
 
Dropdowns are used to allow users to choose one (or many) options from a list of options. If this list of options is more 20, there should generally be a way to search through and filter the options (see the complex filter dropdowns below.)
 
>>>
TODO: Will update this section when the new filters UI is implemented.
>>>
> TODO: Will update this section when the new filters UI is implemented.
 
![Dropdown states](img/components-dropdown.png)
 
Loading
Loading
@@ -166,9 +162,7 @@ Cover blocks are generally used to create a heading element for a page, such as
 
## Panels
 
>>>
TODO: Catalog how we are currently using panels and rationalize how they relate to alerts
>>>
> TODO: Catalog how we are currently using panels and rationalize how they relate to alerts
 
![Panels](img/components-panels.png)
 
Loading
Loading
@@ -176,9 +170,7 @@ TODO: Catalog how we are currently using panels and rationalize how they relate
 
## Alerts
 
>>>
TODO: Catalog how we are currently using alerts
>>>
> TODO: Catalog how we are currently using alerts
 
![Alerts](img/components-alerts.png)
 
Loading
Loading
doc/development/ux_guide/img/components-anchorlinks.png

19.5 KiB | W: 529px | H: 578px

doc/development/ux_guide/img/components-anchorlinks.png

29.4 KiB | W: 529px | H: 490px

doc/development/ux_guide/img/components-anchorlinks.png
doc/development/ux_guide/img/components-anchorlinks.png
doc/development/ux_guide/img/components-anchorlinks.png
doc/development/ux_guide/img/components-anchorlinks.png
  • 2-up
  • Swipe
  • Onion skin
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment