diff --git a/lms/static/sass/course/instructor/_instructor_2.scss b/lms/static/sass/course/instructor/_instructor_2.scss index 723664d641..913c6e3a5b 100644 --- a/lms/static/sass/course/instructor/_instructor_2.scss +++ b/lms/static/sass/course/instructor/_instructor_2.scss @@ -708,16 +708,14 @@ .hint { @extend %t-copy-sub2; - display: block; + display: none; position: absolute; top: ($baseline/2); - - @include left(-9999em); - padding: ($baseline/2); width: 50%; background-color: $light-gray3; box-shadow: 2px 2px 3px $shadow; + z-index: 1; .hint-caret { display: block; @@ -736,11 +734,10 @@ /* *** * Ideally we want to handle functionality with JS. * This functionality should eventually be moved into CS/JS, and out of here. */ - .has-hint:hover > .hint { - @include left($baseline*10); - } - + .has-hint:hover > .hint, .has-hint input:focus ~ .hint { + display: block; + @include left($baseline*10); }