Merge pull request #16080 from calixteman/link_hcm
[a11y] Improve the visibility of link annotations in HCM
This commit is contained in:
commit
e676c9388d
@ -20,6 +20,7 @@
|
||||
--input-unfocused-border-color: transparent;
|
||||
--input-disabled-border-color: transparent;
|
||||
--input-hover-border-color: black;
|
||||
--link-outline: none;
|
||||
}
|
||||
|
||||
@media screen and (forced-colors: active) {
|
||||
@ -28,6 +29,7 @@
|
||||
--input-unfocused-border-color: ActiveText;
|
||||
--input-disabled-border-color: GrayText;
|
||||
--input-hover-border-color: Highlight;
|
||||
--link-outline: 1.5px solid LinkText;
|
||||
}
|
||||
.annotationLayer .textWidgetAnnotation input:required,
|
||||
.annotationLayer .textWidgetAnnotation textarea:required,
|
||||
@ -36,6 +38,10 @@
|
||||
.annotationLayer .buttonWidgetAnnotation.radioButton input:required {
|
||||
outline: 1.5px solid selectedItem;
|
||||
}
|
||||
|
||||
.annotationLayer .linkAnnotation:hover {
|
||||
backdrop-filter: invert(100%);
|
||||
}
|
||||
}
|
||||
|
||||
.annotationLayer {
|
||||
@ -55,6 +61,10 @@
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
|
||||
.annotationLayer .linkAnnotation {
|
||||
outline: var(--link-outline);
|
||||
}
|
||||
|
||||
.annotationLayer .linkAnnotation > a,
|
||||
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
|
||||
position: absolute;
|
||||
|
Loading…
Reference in New Issue
Block a user