From f77466d0b391222b4cd23b724d610972dde8f69f Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Tue, 9 Sep 2014 12:26:57 -0400 Subject: [PATCH] LMS: resolves focus background-color issue of 3rd party login buttons --- lms/static/sass/multicourse/_account.scss | 21 +++++++++++++++------ 1 file changed, 15 insertions(+), 6 deletions(-) diff --git a/lms/static/sass/multicourse/_account.scss b/lms/static/sass/multicourse/_account.scss index c8e1a6cbd0..39aa9cba39 100644 --- a/lms/static/sass/multicourse/_account.scss +++ b/lms/static/sass/multicourse/_account.scss @@ -533,24 +533,33 @@ margin-right: 0; } - &.button-Google:hover { - box-shadow: 0 2px 1px 0 #8D3024; + &.button-Google:hover, &.button-Google:focus { background-color: #dd4b39; border: 1px solid #A5382B; } - &.button-Facebook:hover { - box-shadow: 0 2px 1px 0 #30487C; + &.button-Google:hover { + box-shadow: 0 2px 1px 0 #8D3024; + } + + &.button-Facebook:hover, &.button-Facebook:focus { background-color: #3b5998; border: 1px solid #263A62; } - &.button-LinkedIn:hover { - box-shadow: 0 2px 1px 0 #005D8E; + &.button-Facebook:hover { + box-shadow: 0 2px 1px 0 #30487C; + } + + &.button-LinkedIn:hover , &.button-LinkedIn:focus { background-color: #0077b5; border: 1px solid #06527D; } + &.button-LinkedIn:hover { + box-shadow: 0 2px 1px 0 #005D8E; + } + } }