Merge pull request #2946 from edx/dcs/a11y-focus-hover
Fixes LMS-2352 by unifying :hover and :focus styles.
This commit is contained in:
@@ -250,7 +250,7 @@ section.combined-open-ended-status {
|
||||
margin-bottom: 2px;
|
||||
padding: $baseline/2;
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
background-color: #eee;
|
||||
}
|
||||
.rubric-label-selected{
|
||||
@@ -477,7 +477,7 @@ div.rubric {
|
||||
padding: $baseline/2;
|
||||
border-radius: $baseline/4;
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
pointer-events: none;
|
||||
cursor: none;
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
box-shadow: 0 0 0 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
margin-left: 7px;
|
||||
border-radius: 2px;
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
background: rgba(255, 255, 255, .5);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -90,7 +90,7 @@ ul {
|
||||
}
|
||||
|
||||
a {
|
||||
&:link, &:visited, &:hover, &:active {
|
||||
&:link, &:visited, &:hover, &:active, &:focus {
|
||||
color: #1d9dd9;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
pointer-events: none;
|
||||
cursor: none;
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
box-shadow: 0 0 0 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,7 +5,7 @@ $border-color: #C8C8C8;
|
||||
border-left: 1px solid lighten($border-color, 10%);
|
||||
display: block;
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
@@ -23,7 +23,7 @@ $border-color: #C8C8C8;
|
||||
border-left: 1px solid lighten($border-color, 10%);
|
||||
display: block;
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
@@ -131,7 +131,7 @@ nav.sequence-nav {
|
||||
// color: #aaa;
|
||||
// }
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
background-color: #fff;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center 14px;
|
||||
@@ -282,7 +282,7 @@ nav.sequence-nav {
|
||||
outline: 0;
|
||||
}
|
||||
*/
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@@ -353,7 +353,7 @@ nav.sequence-bottom {
|
||||
text-indent: -9999px;
|
||||
@include transition(all .2s $ease-in-out-quad 0s);
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
opacity: 0.5;
|
||||
background-position: center 15px;
|
||||
}
|
||||
|
||||
@@ -79,7 +79,7 @@
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
box-shadow: inset 0 1px 2px 1px $shadow;
|
||||
background-image: linear-gradient(#009FE6, #009FE6) !important;
|
||||
}
|
||||
|
||||
@@ -48,7 +48,7 @@ $blue-s1: saturate($blue,15%);
|
||||
font-size: 14px;
|
||||
line-height: 23px;
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
color: $gray-d1;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -58,7 +58,7 @@ div.video {
|
||||
padding: ($baseline*.75);
|
||||
color: $lighter-base-font-color;
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
background-color: $action-primary-active-bg;
|
||||
color: $very-light-text;
|
||||
}
|
||||
@@ -166,7 +166,7 @@ div.video {
|
||||
color: #ccc;
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
ul, div {
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -188,7 +188,7 @@ div.video {
|
||||
border-style: solid;
|
||||
border-color: #000;
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
background-color: #444;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
@@ -370,7 +370,7 @@ div.video {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
background-color: #666;
|
||||
color: #aaa;
|
||||
outline-offset: -4px;
|
||||
@@ -617,7 +617,7 @@ div.video {
|
||||
outline-offset: -1px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user