Changeset 46847

Timestamp:

12/09/2019 02:30:27 PM (7 years ago)

Author:

SergeyBiryukov

Message:

Twenty Twenty: Make checkbox in comment form larger.

This makes the checkbox in the comment form larger and more consistent with other checkboxes.

Props kharisblank, audrasjb, ianbelanger.
Merges [46844] to the 5.3 branch.
Fixes #48652.

Location:

branches/5.3

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentytwenty/style-rtl.css (modified) (1 diff)
• src/wp-content/themes/twentytwenty/style.css (modified) (1 diff)

branches/5.3/src/wp-content/themes/twentytwenty/style-rtl.css

@@ -694 +694 @@
 }
 
+input[type="checkbox"] {
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        position: relative;
+        top: 2px;
+        display: inline-block;
+        margin: 0;
+        width: 1.5rem;
+        min-width: 1.5rem;
+        height: 1.5rem;
+        background: #fff;
+        border-radius: 0;
+        border-style: solid;
+        border-width: 0.1rem;
+        border-color: #dcd7ca;
+        box-shadow: none;
+        cursor: pointer;
+}
+
+input[type="checkbox"]:checked::before {
+        /* Use the "Yes" SVG Dashicon */
+        content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
+        position: absolute;
+        display: inline-block;
+        margin: -0.1875rem -0.25rem 0 0;
+        height: 1.75rem;
+        width: 1.75rem;
+}
+
 input,
 textarea,

branches/5.3/src/wp-content/themes/twentytwenty/style.css

@@ -698 +698 @@
 }
 
+input[type="checkbox"] {
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        position: relative;
+        top: 2px;
+        display: inline-block;
+        margin: 0;
+        width: 1.5rem;
+        min-width: 1.5rem;
+        height: 1.5rem;
+        background: #fff;
+        border-radius: 0;
+        border-style: solid;
+        border-width: 0.1rem;
+        border-color: #dcd7ca;
+        box-shadow: none;
+        cursor: pointer;
+}
+
+input[type="checkbox"]:checked::before {
+        /* Use the "Yes" SVG Dashicon */
+        content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
+        position: absolute;
+        display: inline-block;
+        margin: -0.1875rem 0 0 -0.25rem;
+        height: 1.75rem;
+        width: 1.75rem;
+}
+
 input,
 textarea,