Title: [290313] trunk/Source/WebCore
Revision
290313
Author
[email protected]
Date
2022-02-22 09:44:56 -0800 (Tue, 22 Feb 2022)

Log Message

Re-style PDF.js form fields to match PDFKit
https://bugs.webkit.org/show_bug.cgi?id=237041

Reviewed by Geoffrey Garen.

Remove black border on :hover, only display light blue background on hover, display blue focusring on :focus.

* Modules/pdfjs-extras/style-cocoa.css:
(.annotationLayer :is():

Modified Paths

Diff

Modified: trunk/Source/WebCore/ChangeLog (290312 => 290313)


--- trunk/Source/WebCore/ChangeLog	2022-02-22 17:42:04 UTC (rev 290312)
+++ trunk/Source/WebCore/ChangeLog	2022-02-22 17:44:56 UTC (rev 290313)
@@ -1,3 +1,15 @@
+2022-02-22  Tim Nguyen  <[email protected]>
+
+        Re-style PDF.js form fields to match PDFKit
+        https://bugs.webkit.org/show_bug.cgi?id=237041
+
+        Reviewed by Geoffrey Garen.
+
+        Remove black border on :hover, only display light blue background on hover, display blue focusring on :focus.
+
+        * Modules/pdfjs-extras/style-cocoa.css:
+        (.annotationLayer :is():
+
 2022-02-22  Jer Noble  <[email protected]>
 
         [Cocoa] Partial rollout of r289946, broke Netflix

Modified: trunk/Source/WebCore/Modules/pdfjs-extras/style-cocoa.css (290312 => 290313)


--- trunk/Source/WebCore/Modules/pdfjs-extras/style-cocoa.css	2022-02-22 17:42:04 UTC (rev 290312)
+++ trunk/Source/WebCore/Modules/pdfjs-extras/style-cocoa.css	2022-02-22 17:44:56 UTC (rev 290313)
@@ -150,6 +150,40 @@
     top: 0;
 }
 
+/* Restyle PDF form fields */
+
+.annotationLayer :is(
+    .textWidgetAnnotation input,
+    .textWidgetAnnotation textarea,
+    .choiceWidgetAnnotation select,
+    .buttonWidgetAnnotation.checkBox input,
+    .buttonWidgetAnnotation.radioButton input,
+):not(:hover) {
+    --annotation-unfocused-field-background: none;
+}
+
+.annotationLayer :is(
+    .textWidgetAnnotation input,
+    .textWidgetAnnotation textarea,
+    .choiceWidgetAnnotation select,
+    .buttonWidgetAnnotation.checkBox input,
+    .buttonWidgetAnnotation.radioButton input,
+):hover {
+    border-color: transparent;
+}
+
+.annotationLayer :is(
+    .textWidgetAnnotation input,
+    .textWidgetAnnotation textarea,
+    .choiceWidgetAnnotation select,
+    .buttonWidgetAnnotation.checkBox input,
+    .buttonWidgetAnnotation.radioButton input,
+):focus {
+    --annotation-unfocused-field-background: none;
+    outline: -webkit-focus-ring-color 2px solid;
+    outline-offset: 2px;
+}
+
 /* Restyle the findbar */
 
 #findbar {
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to