Merge pull request #6672 from edx/talbs/fix-edxnotes-links+highlights
LMS: Student Notes - Styling links to appear in highlighted text
This commit is contained in:
@@ -103,7 +103,7 @@ a:link, a:visited {
|
||||
}
|
||||
|
||||
&:disabled, &.is-disabled, &.disabled {
|
||||
pointer-events: none;
|
||||
@extend %ui-disabled;
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
@@ -215,6 +215,33 @@ $notes-annotator-background-dark: rgba(122,122,122,0.6); // taken from annotator
|
||||
// highlight
|
||||
.annotator-hl {
|
||||
background: $student-notes-highlight-color-focus;
|
||||
|
||||
// CASE: a highlight contains a link
|
||||
a {
|
||||
color: $link-color;
|
||||
|
||||
// STATE: hover/focus
|
||||
&:hover, &:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
// STATE: disabled
|
||||
&:disabled, &.is-disabled {
|
||||
@extend %ui-disabled;
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// CASE: a link contains a highlight
|
||||
a .annotator-hl {
|
||||
color: $link-color;
|
||||
|
||||
// STATE: hover/focus
|
||||
&:hover, &:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
// content
|
||||
|
||||
Reference in New Issue
Block a user