Changeset 47374

Timestamp:

02/25/2020 08:28:29 PM (5 years ago)

Author:

SergeyBiryukov

Message:

General: Introduce HTML classes in get_calendar() for easier CSS targeting:

• .wp-calendar-table for the <table> element.
• .wp-calendar-nav for the navigation wrapper.
• .wp-calendar-nav-prev for the previous month link.
• .wp-calendar-nav-next for the next month link.

Replace #prev and #next HTML IDs with .wp-calendar-nav-prev and .wp-calendar-nav-next classes.

Props sabernhardt, BackuPs, audrasjb, jorbin.
Fixes #39763.

File:

• trunk/src/wp-includes/general-template.php (modified) (3 diffs)

trunk/src/wp-includes/general-template.php

@@ -2144 +2144 @@
     /* translators: Calendar caption: 1: Month name, 2: 4-digit year. */
     $calendar_caption = _x( '%1$s %2$s', 'calendar caption' );
-    $calendar_output  = '<table id="wp-calendar">
+    $calendar_output  = '<table id="wp-calendar" class="wp-calendar-table">
     <caption>' . sprintf(
         $calendar_caption,
@@ -2239 +2239 @@
     $calendar_output .= "\n\t</table>";
 
-    $calendar_output .= '<nav aria-label="' . __( 'Previous and next months' ) . '">';
+    $calendar_output .= '<nav aria-label="' . __( 'Previous and next months' ) . '" class="wp-calendar-nav">';
 
     if ( $previous ) {
-        $calendar_output .= "\n\t\t" . '<span id="prev"><a href="' . get_month_link( $previous->year, $previous->month ) . '">&laquo; ' .
+        $calendar_output .= "\n\t\t" . '<span class="wp-calendar-nav-prev"><a href="' . get_month_link( $previous->year, $previous->month ) . '">&laquo; ' .
             $wp_locale->get_month_abbrev( $wp_locale->get_month( $previous->month ) ) .
         '</a></span>';
     } else {
-        $calendar_output .= "\n\t\t" . '<span id="prev">&nbsp;</span>';
+        $calendar_output .= "\n\t\t" . '<span class="wp-calendar-nav-prev">&nbsp;</span>';
     }
 
@@ -2252 +2252 @@
 
     if ( $next ) {
-        $calendar_output .= "\n\t\t" . '<span id="next"><a href="' . get_month_link( $next->year, $next->month ) . '">' .
+        $calendar_output .= "\n\t\t" . '<span class="wp-calendar-nav-next"><a href="' . get_month_link( $next->year, $next->month ) . '">' .
             $wp_locale->get_month_abbrev( $wp_locale->get_month( $next->month ) ) .
         ' &raquo;</a></span>';
     } else {
-        $calendar_output .= "\n\t\t" . '<span id="next" class="pad">&nbsp;</span>';
+        $calendar_output .= "\n\t\t" . '<span class="wp-calendar-nav-next">&nbsp;</span>';
     }