WordPress.org

Make WordPress Core


Ignore:
Timestamp:
10/28/2016 05:37:50 PM (5 years ago)
Author:
davidakennedy
Message:

Twenty Seventeen: Fix broken and crowded pagination navigation on small screens

  • Hides page numbers visually at smaller screen sizes.
  • Reduced padding around .wrap class on smaller screens.
  • Fixed issue with the page numbers not displaying the underline on :hover. This has been updated in the custom colors files, too.

Props laurelfulford, caspie.

Fixes #38394.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyseventeen/inc/color-patterns.php

    r38986 r38996  
    7171.colors-custom .post-navigation a:focus,
    7272.colors-custom .post-navigation a:hover,
     73.colors-custom .pagination a:not(.prev):not(.next):focus,
     74.colors-custom .pagination a:not(.prev):not(.next):hover,
     75.colors-custom .comments-pagination a:not(.prev):not(.next):focus,
     76.colors-custom .comments-pagination a:not(.prev):not(.next):hover,
    7377.colors-custom .logged-in-as a:focus,
    7478.colors-custom .logged-in-as a:hover,
     
    181185.colors-custom .post-navigation a:focus,
    182186.colors-custom .post-navigation a:hover,
    183 .colors-custom .pagination a:focus,
    184 .colors-custom .pagination a:hover,
    185 .colors-custom .comments-pagination a:focus,
    186 .colors-custom .comments-pagination a:hover,
     187.colors-custom .pagination a:not(.prev):not(.next):focus,
     188.colors-custom .pagination a:not(.prev):not(.next):hover,
     189.colors-custom .comments-pagination a:not(.prev):not(.next):focus,
     190.colors-custom .comments-pagination a:not(.prev):not(.next):hover,
    187191.colors-custom .logged-in-as a:focus,
    188192.colors-custom .logged-in-as a:hover,
     
    478482.colors-custom .wp_widget_tag_cloud a:hover,
    479483.colors-custom .entry-footer .edit-link a.post-edit-link:focus,
    480 .colors-custom .entry-footer .edit-link a.post-edit-link:hover,
    481 .colors-custom .prev.page-numbers:focus,
    482 .colors-custom .prev.page-numbers:hover,
    483 .colors-custom .next.page-numbers:focus,
    484 .colors-custom .next.page-numbers:hover {
     484.colors-custom .entry-footer .edit-link a.post-edit-link:hover {
    485485    -webkit-box-shadow: none !important;
    486486    box-shadow: none !important;
Note: See TracChangeset for help on using the changeset viewer.