Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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 CreditAttribution: anksy commentedSo which colour should be set as border colour??
Comment #2
anksy CreditAttribution: anksy commentedComment #3
LewisNyman CreditAttribution: LewisNyman commentedThe 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 CreditAttribution: andrei.dincu commentedComment #5
andrei.dincu CreditAttribution: andrei.dincu commentedComment #7
anksy CreditAttribution: anksy commentedPlease ignore this patch.
Comment #8
anksy CreditAttribution: anksy commentedComment #9
anksy CreditAttribution: anksy commentedComment #11
andrei.dincu CreditAttribution: andrei.dincu commentedComment #12
LewisNyman CreditAttribution: LewisNyman commentedMuch better :) Thanks!
Before:
After:
Comment #13
alexpottCommitted a02ae4a and pushed to 8.x. Thanks!