WordPress.org

Make WordPress Core

Ticket #48652: 48652.diff

File 48652.diff, 2.3 KB (added by audrasjb, 10 months ago)

Patch for Twenty Twenty checkboxes

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

    diff --git a/src/wp-content/themes/twentytwenty/style-rtl.css b/src/wp-content/themes/twentytwenty/style-rtl.css
    index ed58877a77..9f80c63253 100644
    a b input[type="checkbox"] + label { 
    681681        margin-right: 0.5rem;
    682682}
    683683
     684input[type="checkbox"] {
     685        -webkit-appearance: none;
     686        -moz-appearance: none;
     687        position: relative;
     688        top: 2px;
     689        display: inline-block;
     690        margin: 0;
     691        width: 1.5rem;
     692        min-width: 1.5rem;
     693        height: 1.5rem;
     694        background: #fff;
     695        border-radius: 0;
     696        border-style: solid;
     697        border-width: 0.1rem;
     698        border-color: #dcd7ca;
     699        box-shadow: none;
     700        cursor: pointer;
     701}
     702
     703input[type="checkbox"]:checked::before {
     704        /* Use the "Yes" SVG Dashicon */
     705        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");
     706        position: absolute;
     707        display: inline-block;
     708        margin: -0.1875rem -0.25rem 0 0;
     709        height: 1.75rem;
     710        width: 1.75rem;
     711}
     712
    684713input,
    685714textarea,
    686715button,
  • src/wp-content/themes/twentytwenty/style.css

    diff --git a/src/wp-content/themes/twentytwenty/style.css b/src/wp-content/themes/twentytwenty/style.css
    index db208bc33f..b9116c741a 100644
    a b input[type="checkbox"] + label { 
    685685        margin-left: 0.5rem;
    686686}
    687687
     688input[type="checkbox"] {
     689        -webkit-appearance: none;
     690        -moz-appearance: none;
     691        position: relative;
     692        top: 2px;
     693        display: inline-block;
     694        margin: 0;
     695        width: 1.5rem;
     696        min-width: 1.5rem;
     697        height: 1.5rem;
     698        background: #fff;
     699        border-radius: 0;
     700        border-style: solid;
     701        border-width: 0.1rem;
     702        border-color: #dcd7ca;
     703        box-shadow: none;
     704        cursor: pointer;
     705}
     706
     707input[type="checkbox"]:checked::before {
     708        /* Use the "Yes" SVG Dashicon */
     709        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");
     710        position: absolute;
     711        display: inline-block;
     712        margin: -0.1875rem 0 0 -0.25rem;
     713        height: 1.75rem;
     714        width: 1.75rem;
     715}
     716
    688717input,
    689718textarea,
    690719button,