| Summary: | [design] Provide visual feedback when mouse is over views close button | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Product: | [RT] RAP | Reporter: | Rüdiger Herrmann <ruediger.herrmann> | ||||||||
| Component: | Workbench | Assignee: | Project Inbox <rap-inbox> | ||||||||
| Status: | RESOLVED FIXED | QA Contact: | |||||||||
| Severity: | normal | ||||||||||
| Priority: | P3 | ||||||||||
| Version: | 1.2 | ||||||||||
| Target Milestone: | --- | ||||||||||
| Hardware: | All | ||||||||||
| OS: | All | ||||||||||
| Whiteboard: | |||||||||||
| Attachments: |
|
||||||||||
|
Description
Rüdiger Herrmann
Created attachment 139176 [details]
images should be placed in img/business
Created attachment 139177 [details]
Hover behaviour fpr the view's close icon
To get this patch working you must add the following lines to the theme/business/business.css file:
Button.viewClose {
background-color: transparent;
background-image: url( /img/business/stack_tab_active_close_active.png );
border: none;
padding: 2px;
}
Button.viewClose:hover {
background-image: url( /img/business/stack_tab_active_close_active_hover.png );
}
Button.viewCloseInactive {
background-color: transparent;
background-image: url( /img/business/stack_tab_inactive_close_active.png );
border: none;
padding: 2px;
}
Button.viewCloseInactive:hover {
background-image: url( /img/business/stack_tab_inactive_close_active_hover.png );
}
I would prefer a lighter color when hovering. If the user is that close the an "action", this should be indicated by a stronger and lighter color than the "normal" state. How about letting the cross glow on hover? Or is there a another color (ligh-blue?) in the color scheme that we can use here? Created attachment 139186 [details]
glow Images
These images provide a glow around the cross.
I like the glow version a lot:) +1 to commit the changes committed. |