Skip to content

Commit

Permalink
feat: highlight buttons when selected using keyboard tabbing (#1866)
Browse files Browse the repository at this point in the history
  • Loading branch information
Christopher Zentgraf authored and djaiss committed Oct 27, 2018
1 parent 3da9e92 commit c0099b4
Show file tree
Hide file tree
Showing 5 changed files with 8 additions and 7 deletions.
1 change: 1 addition & 0 deletions CHANGELOG
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ UNRELEASED CHANGES:
* Set currency and timezone for new users
* Fix settings' sidebar links and change security icon
* Fix CSV import
* Highlight buttons when selected using keyboard

RELEASED VERSIONS:

Expand Down
2 changes: 1 addition & 1 deletion public/css/app-ltr.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion public/css/app-rtl.css

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions public/mix-manifest.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"/js/app.js": "/js/app.js?id=9fb12b7c7e3d4da358eb",
"/css/app-ltr.css": "/css/app-ltr.css?id=a5c361327371d1806c30",
"/css/app-rtl.css": "/css/app-rtl.css?id=14cb056bfe9cdfb2fc94",
"/css/app-ltr.css": "/css/app-ltr.css?id=72df74c30fc7f5c2a421",
"/css/app-rtl.css": "/css/app-rtl.css?id=382b6cc7915e4358dbce",
"/css/stripe.css": "/css/stripe.css?id=64c68c04c4e475fcc7c6",
"/js/vendor.js": "/js/vendor.js?id=490bf428af4c7224b600",
"/js/stripe.js": "/js/stripe.js?id=e2284957ba723a52a4b7",
Expand Down
6 changes: 3 additions & 3 deletions resources/assets/sass/buttons.scss
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
appearance: none;
text-decoration: none;

&:hover {
&:hover, &:focus {
text-decoration: none;
background-color: #e6ebf1;
background-image: -webkit-linear-gradient(270deg, #f0f3f6 0%, #e6ebf1 90%);
Expand Down Expand Up @@ -60,7 +60,7 @@
background-image: -webkit-linear-gradient(270deg, #34d058 0%, #28a745 90%);
background-image: linear-gradient(-180deg, #34d058 0%, #28a745 90%);

&:hover {
&:hover, &:focus {
background-color: #269f42;
background-image: -webkit-linear-gradient(270deg, #2fcb53 0%, #269f42 90%);
background-image: linear-gradient(-180deg, #2fcb53 0%, #269f42 90%);
Expand All @@ -72,7 +72,7 @@
.btn-danger {
color: #900;

&:hover {
&:hover, &:focus {
background-color: #b33630;
background-image: linear-gradient(#dc5f59, #b33630);
border-color: #cd504a;
Expand Down

0 comments on commit c0099b4

Please sign in to comment.