From e0262bd7a99fe0528d91287d1490f4e59256f043 Mon Sep 17 00:00:00 2001 From: Giulio Gratta Date: Fri, 18 Jul 2014 13:39:48 -0700 Subject: [PATCH 1/3] Make primary button focus state more pronounced --- lms/static/sass/_shame.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/lms/static/sass/_shame.scss b/lms/static/sass/_shame.scss index fde38a14cb..8c9cdd1901 100644 --- a/lms/static/sass/_shame.scss +++ b/lms/static/sass/_shame.scss @@ -62,9 +62,14 @@ background: $action-primary-bg; color: $action-primary-fg; - &:hover, &:active, &:focus { + &:hover, &:active { background: $action-primary-focused-bg; } + &:focus { + background: $action-primary-fg; + color: $action-primary-focused-bg; + outline: 2px solid $action-primary-focused-bg; + } &.current, &.active { box-shadow: inset 0 2px 1px 1px $action-primary-active-shadow; From e0b7e8cfbb4bd92f65e2ee7ceaca540f53dc146a Mon Sep 17 00:00:00 2001 From: Giulio Gratta Date: Fri, 18 Jul 2014 13:39:48 -0700 Subject: [PATCH 2/3] increase contrast of submission_feedback text --- common/lib/xmodule/xmodule/css/capa/display.scss | 2 +- .../xmodule/xmodule/css/combinedopenended/display.scss | 2 +- lms/static/sass/_shame.scss | 9 +++++---- 3 files changed, 7 insertions(+), 6 deletions(-) diff --git a/common/lib/xmodule/xmodule/css/capa/display.scss b/common/lib/xmodule/xmodule/css/capa/display.scss index 659daf35cf..e9f86868cf 100644 --- a/common/lib/xmodule/xmodule/css/capa/display.scss +++ b/common/lib/xmodule/xmodule/css/capa/display.scss @@ -633,7 +633,7 @@ div.problem { // margin-top: 10px; display: inline-block; margin: 8px 0 0 $baseline/2; - color: #777; + color: #666; font-style: italic; -webkit-font-smoothing: antialiased; } diff --git a/common/lib/xmodule/xmodule/css/combinedopenended/display.scss b/common/lib/xmodule/xmodule/css/combinedopenended/display.scss index b84417bfaf..bf66825eb9 100644 --- a/common/lib/xmodule/xmodule/css/combinedopenended/display.scss +++ b/common/lib/xmodule/xmodule/css/combinedopenended/display.scss @@ -828,7 +828,7 @@ section.open-ended-child { .submission_feedback { display: inline-block; margin: 8px 0 0 $baseline/2; - color: #777; + color: #666; font-style: italic; -webkit-font-smoothing: antialiased; } diff --git a/lms/static/sass/_shame.scss b/lms/static/sass/_shame.scss index 8c9cdd1901..d8a6747dd1 100644 --- a/lms/static/sass/_shame.scss +++ b/lms/static/sass/_shame.scss @@ -62,13 +62,11 @@ background: $action-primary-bg; color: $action-primary-fg; - &:hover, &:active { + &:hover, &:active, &:focus { background: $action-primary-focused-bg; } &:focus { - background: $action-primary-fg; - color: $action-primary-focused-bg; - outline: 2px solid $action-primary-focused-bg; + outline: 2px solid $black; } &.current, &.active { @@ -98,6 +96,9 @@ &:hover, &:active, &:focus { background: $action-secondary-focused-bg; } + &:focus { + outline: 2px solid $black; + } &.current, &.active { box-shadow: inset 0 2px 1px 1px $action-secondary-active-shadow; From f11b44c49e24e7263a0aa183325c057b53a4eb94 Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Fri, 5 Sep 2014 12:50:15 -0400 Subject: [PATCH 3/3] LMS: revising more pronounced focus state of onboarding buttons --- lms/static/sass/_shame.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/lms/static/sass/_shame.scss b/lms/static/sass/_shame.scss index d8a6747dd1..984f9dd3a2 100644 --- a/lms/static/sass/_shame.scss +++ b/lms/static/sass/_shame.scss @@ -66,7 +66,7 @@ background: $action-primary-focused-bg; } &:focus { - outline: 2px solid $black; + box-shadow: 0 0 6px 0 $action-primary-active-focused-shadow; } &.current, &.active { @@ -97,7 +97,7 @@ background: $action-secondary-focused-bg; } &:focus { - outline: 2px solid $black; + box-shadow: 0 0 6px 0 $action-primary-active-focused-shadow; } &.current, &.active {