Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #8877 from timvandermeij/button-widget-annotation-style

Browse Source 
Provide `checked` styles for button widget annotations
This commit is contained in:
Tim van der Meij 2017-09-08 22:50:17 +02:00 committed by GitHub
commit d1089a285d
2 changed files with 74 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
test/annotation_layer_test.css
View File

@ -63,6 +63,10 @@
width: 100%; width: 100%;
} }
.annotationLayer .buttonWidgetAnnotation.radioButton input {
border-radius: 50%;
}
.annotationLayer .textWidgetAnnotation textarea { .annotationLayer .textWidgetAnnotation textarea {
font: message-box; font: message-box;
font-size: 9px; font-size: 9px;
@ -78,6 +82,38 @@
border: 1px solid transparent; border: 1px solid transparent;
} }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
background-color: #000;
content: '';
display: block;
position: absolute;
}
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
border-radius: 50%;
height: 50%;
left: 30%;
top: 20%;
width: 50%;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
height: 80%;
left: 45%;
width: 1px;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
transform: rotate(45deg);
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
transform: rotate(-45deg);
}
.annotationLayer .textWidgetAnnotation input.comb { .annotationLayer .textWidgetAnnotation input.comb {
font-family: monospace; font-family: monospace;
padding-left: 2px; padding-left: 2px;
@ -90,6 +126,7 @@
-moz-appearance: none; -moz-appearance: none;
-ms-appearance: none; -ms-appearance: none;
appearance: none; appearance: none;
padding: 0;
} }
.annotationLayer .popupAnnotation { .annotationLayer .popupAnnotation {

37
web/annotation_layer_builder.css
View File

@ -56,6 +56,10 @@
width: 100%; width: 100%;
} }
.annotationLayer .buttonWidgetAnnotation.radioButton input {
border-radius: 50%;
}
.annotationLayer .textWidgetAnnotation textarea { .annotationLayer .textWidgetAnnotation textarea {
font: message-box; font: message-box;
font-size: 9px; font-size: 9px;
@ -87,6 +91,38 @@
border: 1px solid transparent; border: 1px solid transparent;
} }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
background-color: #000;
content: '';
display: block;
position: absolute;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
height: 80%;
left: 45%;
width: 1px;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
transform: rotate(45deg);
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
transform: rotate(-45deg);
}
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
border-radius: 50%;
height: 50%;
left: 30%;
top: 20%;
width: 50%;
}
.annotationLayer .textWidgetAnnotation input.comb { .annotationLayer .textWidgetAnnotation input.comb {
font-family: monospace; font-family: monospace;
padding-left: 2px; padding-left: 2px;
@ -109,6 +145,7 @@
-moz-appearance: none; -moz-appearance: none;
-ms-appearance: none; -ms-appearance: none;
appearance: none; appearance: none;
padding: 0;
} }
.annotationLayer .popupWrapper { .annotationLayer .popupWrapper {