mirrors/pdf.js
1
0
Fork 0
mirror of https://github.com/mozilla/pdf.js.git synced 2025-04-20 15:18:08 +02:00
Code Activity

Merge pull request #17196 from Snuffleupagus/annotationLayer-css-nesting

Browse source 
Use CSS nesting in the annotationLayer
This commit is contained in:
Jonas Jenwald 2023-10-27 19:50:10 +02:00 • committed by GitHub
commit 3f0b3b15de
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 325 additions and 341 deletions
Download patch file Download diff file Expand all files Collapse all files

90
test/annotation_layer_builder_overrides.css
View file

@ -17,59 +17,55 @@
.annotationLayer {
position: absolute;
}
.annotationLayer .wasCanvas {
width: 100%;
height: 100%;
position: absolute;
}
.wasCanvas {
width: 100%;
height: 100%;
position: absolute;
}
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
-webkit-appearance: none;
}
.buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
-webkit-appearance: none;
}
.annotationLayer
:is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder)
> a,
.annotationLayer .popupTriggerArea::after,
.annotationLayer
.fileAttachmentAnnotation:not(.hasFillAlpha)
.popupTriggerArea {
opacity: 0.2;
background: rgb(255 255 0);
box-shadow: 0 2px 10px rgb(255 255 0);
}
.annotationLayer .fileAttachmentAnnotation.hasFillAlpha {
outline: 2px solid yellow;
}
:is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a,
.popupTriggerArea::after,
.fileAttachmentAnnotation:not(.hasFillAlpha) .popupTriggerArea {
opacity: 0.2;
background: rgb(255 255 0);
box-shadow: 0 2px 10px rgb(255 255 0);
}
.fileAttachmentAnnotation.hasFillAlpha {
outline: 2px solid yellow;
}
.annotationLayer .hasClipPath::after {
box-shadow: none;
}
.hasClipPath::after {
box-shadow: none;
}
.annotationLayer .linkAnnotation.hasBorder {
background-color: rgb(255 255 0 / 0.2);
}
.linkAnnotation.hasBorder {
background-color: rgb(255 255 0 / 0.2);
}
.annotationLayer .popupTriggerArea::after {
display: block;
width: 100%;
height: 100%;
content: "";
}
.popupTriggerArea::after {
display: block;
width: 100%;
height: 100%;
content: "";
}
.annotationLayer .popup :is(h1, p) {
margin: 0;
padding: 0;
}
.popup :is(h1, p) {
margin: 0;
padding: 0;
}
.annotationLayer .annotationTextContent {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.4;
background-color: transparent;
color: red;
font-size: 10px;
.annotationTextContent {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.4;
background-color: transparent;
color: red;
font-size: 10px;
}
}