Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.

Bug 346436

Summary:

[Theming][Button] FocusIndicator is missing border-radius

Product:

[RT] RAP

Reporter:

Holger Staudacher <holger.staudacher>

Component:

RWT

Assignee:

Project Inbox <rap-inbox>

Status:

NEW ---

QA Contact:

Severity:

enhancement

Priority:

CC:

Andreas.Hoegger, stephan.leichtvogt, tesei7

Version:

1.4

Target Milestone:

---

Hardware:

All

OS:

All

Whiteboard:

Attachments:

Description	Flags
button with focus in Firefox 9.0.1	none
button with focus in Chrome 17.0.963.65	none

Description Holger Staudacher

2011-05-19 08:49:09 EDT

If you theme a Button-FocusIndicator you have the possibility to set the border. But the border-radius property is missing. This results in really odd looking focus indicators if you have buttons with rounded corners.

Comment 1 Ilya Bochkarev

2012-06-06 02:47:27 EDT

I have the same problem.
My up menu button have rounded corners

Button.upMenuButton {
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: 7px;
	color: white;
	font: bold 15px Calibri, Arial, sans-serif;
	padding: 3px 5px 4px 5px;
}

and Button-FocusIndicator is

Button-FocusIndicator {
	border: none;
	background-color: #ffffff;
	opacity: 0.3;
	margin: -5px;
}

In Firefox 9.0.1 everythin is allright, but Google Chrome 17.0.963.65 corners of Button-FocusIndicator are not rounded.

Comment 2 Ilya Bochkarev

2012-06-06 02:48:20 EDT

Created attachment 216904 [details]
button with focus in Firefox 9.0.1

button with focus in Firefox 9.0.1

Comment 3 Ilya Bochkarev

2012-06-06 02:49:34 EDT

Created attachment 216905 [details]
button with focus in Chrome 17.0.963.65

button with focus in Chrome 17.0.963.65. Corners are not rounded.