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

Merge pull request #16317 from Snuffleupagus/css-before-after

Browse Source 
Enforce double-colon notation for CSS pseudo-elements
This commit is contained in:
Jonas Jenwald 2023-04-19 15:14:01 +02:00 committed by GitHub
commit 3420b2fe8a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.stylelintrc
View File

@ -14,6 +14,7 @@
"length-zero-no-unit": [true, { "length-zero-no-unit": [true, {
ignore: ["custom-properties"] ignore: ["custom-properties"]
}], }],
"selector-pseudo-element-colon-notation": "double",
"shorthand-property-no-redundant-values": true, "shorthand-property-no-redundant-values": true,
}, },
} }

16
web/annotation_layer_builder.css
View File

@ -192,31 +192,31 @@
outline: var(--input-focus-outline); outline: var(--input-focus-outline);
} }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
background-color: CanvasText; background-color: CanvasText;
content: ""; content: "";
display: block; display: block;
position: absolute; position: absolute;
} }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
height: 80%; height: 80%;
left: 45%; left: 45%;
width: 1px; width: 1px;
} }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before { .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
transform: rotate(45deg); transform: rotate(45deg);
} }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
transform: rotate(-45deg); transform: rotate(-45deg);
} }
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
border-radius: 50%; border-radius: 50%;
height: 50%; height: 50%;
left: 30%; left: 30%;

6
web/pdf_viewer.css
View File

@ -167,7 +167,7 @@
height: 100%; height: 100%;
} }
.pdfViewer .page.loadingIcon:after { .pdfViewer .page.loadingIcon::after {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -184,11 +184,11 @@
contain: strict; contain: strict;
} }
.pdfViewer .page.loading:after { .pdfViewer .page.loading::after {
display: block; display: block;
} }
.pdfViewer .page:not(.loading):after { .pdfViewer .page:not(.loading)::after {
transition-property: none; transition-property: none;
display: none; display: none;
} }

20
web/viewer.css
View File

@ -600,10 +600,10 @@ body {
0 0 0 1px var(--doorhanger-border-color); 0 0 0 1px var(--doorhanger-border-color);
border: var(--doorhanger-border-color-whcm); border: var(--doorhanger-border-color-whcm);
} }
.doorHanger:after, .doorHanger::after,
.doorHanger:before, .doorHanger::before,
.doorHangerRight:after, .doorHangerRight::after,
.doorHangerRight:before { .doorHangerRight::before {
bottom: 100%; bottom: 100%;
border: 8px solid rgba(0, 0, 0, 0); border: 8px solid rgba(0, 0, 0, 0);
content: " "; content: " ";
@ -613,26 +613,26 @@ body {
pointer-events: none; pointer-events: none;
opacity: var(--doorhanger-triangle-opacity-whcm); opacity: var(--doorhanger-triangle-opacity-whcm);
} }
.doorHanger:after { .doorHanger::after {
inset-inline-start: 10px; inset-inline-start: 10px;
margin-inline-start: -8px; margin-inline-start: -8px;
border-bottom-color: var(--toolbar-bg-color); border-bottom-color: var(--toolbar-bg-color);
} }
.doorHangerRight:after { .doorHangerRight::after {
inset-inline-end: 10px; inset-inline-end: 10px;
margin-inline-end: -8px; margin-inline-end: -8px;
border-bottom-color: var(--doorhanger-bg-color); border-bottom-color: var(--doorhanger-bg-color);
} }
.doorHanger:before, .doorHanger::before,
.doorHangerRight:before { .doorHangerRight::before {
border-bottom-color: var(--doorhanger-border-color); border-bottom-color: var(--doorhanger-border-color);
border-width: 9px; border-width: 9px;
} }
.doorHanger:before { .doorHanger::before {
inset-inline-start: 10px; inset-inline-start: 10px;
margin-inline-start: -9px; margin-inline-start: -9px;
} }
.doorHangerRight:before { .doorHangerRight::before {
inset-inline-end: 10px; inset-inline-end: 10px;
margin-inline-end: -9px; margin-inline-end: -9px;
} }