Seven's primary button focus styling sets a border colour that is really similar to the background gradient. It looks like there is no border at all.

The offending CSS is on line 83 of buttons.theme.css:
.button--primary:focus {
border-color: #0087db;
}
| Comment | File | Size | Author |
|---|---|---|---|
| #12 | Screen Shot 2014-03-02 at 12.27.51.jpg | 8.63 KB | lewisnyman |
| #11 | primary-button-2207631-11.patch | 460 bytes | andrei.dincu |
| #8 | primary-button-border-not-visible-on-focus-2207631-8.patch | 460 bytes | anksy |
| #7 | primary-button-border-not-visible-on-focus-2207631-7.patch | 1.21 MB | anksy |
| #4 | primary-button-issue-2207631-4.patch | 457 bytes | andrei.dincu |
Comments
Comment #1
anksy commentedSo which colour should be set as border colour??
Comment #2
anksy commentedComment #3
lewisnymanThe border is set to be #1e5c90 in the selector before it. I think that's correct. We can just delete that extra css
Comment #4
andrei.dincu commentedComment #5
andrei.dincu commentedComment #7
anksy commentedPlease ignore this patch.
Comment #8
anksy commentedComment #9
anksy commentedComment #11
andrei.dincu commentedComment #12
lewisnymanMuch better :) Thanks!
Before:

After:

Comment #13
alexpottCommitted a02ae4a and pushed to 8.x. Thanks!