[wp-trac] [WordPress Trac] #48652: Twenty Twenty: Input #wp-comment-cookies-consent Checkbox in Comment Form is Too Small

[WordPress Trac]

#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