[wp-trac] [WordPress Trac] #48652: Twenty Twenty: Input #wp-comment-cookies-consent Checkbox in Comment Form is Too Small
WordPress Trac
noreply at wordpress.org
Sun Nov 17 15:05:15 UTC 2019
#48652: Twenty Twenty: Input #wp-comment-cookies-consent Checkbox in Comment Form
is Too Small
-------------------------------------------------+-------------------------
Reporter: kharisblank | Owner: audrasjb
Type: enhancement | Status: assigned
Priority: normal | Milestone: 5.3.1
Component: Bundled Theme | Version: 5.3
Severity: normal | Resolution:
Keywords: has-screenshots needs-patch dev- | Focuses: ui
feedback |
-------------------------------------------------+-------------------------
Changes (by audrasjb):
* keywords: has-screenshots needs-patch => has-screenshots needs-patch
dev-feedback
Comment:
Hi,
In screenshot above, I tested a CSS patch. Would love to get more testing
on mobile devices.
Here are the CSS rules added to Twenty Twenty Theme:
{{{
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;
}
}}}
Cheers,
Jb
--
Ticket URL: <https://core.trac.wordpress.org/ticket/48652#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform
More information about the wp-trac
mailing list