diff --git a/public_html/wp-content/themes/wporg-events-2023/postcss/blocks/wporg-google-map.pcss b/public_html/wp-content/themes/wporg-events-2023/postcss/blocks/wporg-google-map.pcss index c706af9eb7..2573dda3a5 100644 --- a/public_html/wp-content/themes/wporg-events-2023/postcss/blocks/wporg-google-map.pcss +++ b/public_html/wp-content/themes/wporg-events-2023/postcss/blocks/wporg-google-map.pcss @@ -66,8 +66,25 @@ } } - .wporg-google-map__date-time-separator { - @media (--medium) { + .wporg-google-map__date { + position: relative; + } + + .wporg-google-map__date:after { + content: ''; + margin-top: -1px; /* vertical-middle doesn't subtract the size of the element */ + margin-left: 10px; + margin-right: 10px; + height: 3px; + width: 3px; + border-radius: 3px; + background: var(--wp--preset--color--charcoal-5); + display: inline-block; + vertical-align: middle; + } + + @media (--medium) { + .wporg-google-map__date:after { display: none; } } @@ -80,7 +97,7 @@ justify-content: flex-end; } - .wporg-google-map__date-time-separator { + .wporg-google-map__date:after { display: inline-block; } } diff --git a/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php b/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php index 58d3636d81..e0f747db24 100644 --- a/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php +++ b/public_html/wp-content/themes/wporg-events-2023/src/event-list/index.php @@ -60,7 +60,12 @@ function render( $attributes, $content, $block ) { $content .= '
  • '; $content .= '

    ' . esc_html($event->title) . '

    '; $content .= '
    ' . esc_html($event->location) . '
    '; - $content .= '
    ' . gmdate( 'F j, Y', esc_html( $event->timestamp ) ) . '
    '; + $content .= sprintf( + '', + gmdate( 'c', esc_html( $event->timestamp ) ), + gmdate( 'l, M j', esc_html( $event->timestamp ) ), + esc_html( gmdate('H:i', $event->timestamp) . ' UTC' ), + ); $content .= '
  • '; }