WordPress.org

Make WordPress Core

Ticket #38651: 38651.diff

File 38651.diff, 838 bytes (added by sstoqnov, 3 years ago)

Fix Customizer edit icons on mobile/tablet "Device preview" mode

  • src/wp-includes/css/customize-preview.css

     
    9898}
    9999
    100100.customize-partial-edit-shortcut-left-margin.customize-partial-edit-shortcut button {
    101         left: 0;
     101        left: 2px;
     102        top: 2px;
    102103}
    103104
    104105@keyframes customize-partial-edit-shortcut-bounce-appear {
     
    155156        }
    156157}
    157158
    158 @media screen and (max-width:800px) {
     159@media screen and (max-width:320px) {
     160        .widget .customize-partial-edit-shortcut button,
    159161        .customize-partial-edit-shortcut button {
    160                 left: -18px; /* Assume there will be less of a margin available on smaller screens */
     162                left: -27px; /* Assume there will be less of a margin available on smaller screens */
    161163        }
    162164}