Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add extra styles for focused/hovered active outline buttons #19201

Merged
merged 1 commit into from
Feb 15, 2016
Merged

Add extra styles for focused/hovered active outline buttons #19201

merged 1 commit into from
Feb 15, 2016

Conversation

patrickhlauke
Copy link
Member

Ports the same approach from 1f153b6#diff-edb9cd89b66120ef946a81de31f6bb06 (originally #16154 in v3) to outline buttons as well

Fixes #19199

&.focus {
color: #fff;
background-color: darken($color, 17%);
border-color: darken($color, 25%);

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Line should be indented 6 spaces, but was indented 10 spaces

@patrickhlauke
Copy link
Member Author

before (left) and after (right) comparison (using a modified bit in our docs) - note before that an active outline button style was the same when hovered with mouse or focused with keyboard (minus the very faint outline in the latter case). this patch should make it a lot clearer.

cap

patrickhlauke added a commit that referenced this pull request Feb 15, 2016
…-fix

Add extra styles for focused/hovered active outline buttons
@patrickhlauke patrickhlauke merged commit 835d21f into twbs:v4-dev Feb 15, 2016
@patrickhlauke
Copy link
Member Author

@cvrebert any idea why @houndci-bot flagged those spaces, when just a few lines previously (especially in the current mixin for button-variant) it's using the exact same spacing?

@cvrebert
Copy link
Collaborator

@patrickhlauke Not really, although we don't align -color like that in many other places in the code.

@patrickhlauke patrickhlauke deleted the btn-outline-active-focus-fix branch May 21, 2018 11:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants