WordPress.org

Make WordPress Core

Changeset 46847


Ignore:
Timestamp:
12/09/2019 02:30:27 PM (12 months 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:
3 edited

Legend:

Unmodified
Added
Removed
  • branches/5.3

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

    r46841 r46847  
    694694}
    695695
     696input[type="checkbox"] {
     697    -webkit-appearance: none;
     698    -moz-appearance: none;
     699    position: relative;
     700    top: 2px;
     701    display: inline-block;
     702    margin: 0;
     703    width: 1.5rem;
     704    min-width: 1.5rem;
     705    height: 1.5rem;
     706    background: #fff;
     707    border-radius: 0;
     708    border-style: solid;
     709    border-width: 0.1rem;
     710    border-color: #dcd7ca;
     711    box-shadow: none;
     712    cursor: pointer;
     713}
     714
     715input[type="checkbox"]:checked::before {
     716    /* Use the "Yes" SVG Dashicon */
     717    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");
     718    position: absolute;
     719    display: inline-block;
     720    margin: -0.1875rem -0.25rem 0 0;
     721    height: 1.75rem;
     722    width: 1.75rem;
     723}
     724
    696725input,
    697726textarea,
  • branches/5.3/src/wp-content/themes/twentytwenty/style.css

    r46841 r46847  
    698698}
    699699
     700input[type="checkbox"] {
     701    -webkit-appearance: none;
     702    -moz-appearance: none;
     703    position: relative;
     704    top: 2px;
     705    display: inline-block;
     706    margin: 0;
     707    width: 1.5rem;
     708    min-width: 1.5rem;
     709    height: 1.5rem;
     710    background: #fff;
     711    border-radius: 0;
     712    border-style: solid;
     713    border-width: 0.1rem;
     714    border-color: #dcd7ca;
     715    box-shadow: none;
     716    cursor: pointer;
     717}
     718
     719input[type="checkbox"]:checked::before {
     720    /* Use the "Yes" SVG Dashicon */
     721    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");
     722    position: absolute;
     723    display: inline-block;
     724    margin: -0.1875rem 0 0 -0.25rem;
     725    height: 1.75rem;
     726    width: 1.75rem;
     727}
     728
    700729input,
    701730textarea,
Note: See TracChangeset for help on using the changeset viewer.