Update event list UI.

WordPress · Dec 5, 2023 · d3db670 · d3db670
1 parent 7b10fbb
commit d3db670
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
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
@@ -32,13 +32,17 @@
 	}
 
 	.wporg-marker-list-item__title {
+		margin: 0;
 		font-family: var(--wp--preset--font-family--inter);
 		font-size: var(--wp--preset--font-size--normal);
 		line-height: var(--wp--custom--body--typography--line-height);
-
 		--wp--preset--spacing--30: 0;
 	}
 
+	.wporg-marker-list-item__title a {
+		text-decoration: none;
+	}
+
 	.wporg-marker-list-item__date-time {
 		@media (--medium) {
 			display: 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
@@ -57,15 +57,17 @@ function render( $attributes, $content, $block ) {
 
 	foreach ( $filtered_events as $event ) {
 		$content .= '<li class="wporg-marker-list-item">';
-		$content .= '<h3 class="wporg-marker-list-item__title">' . $event->title . '</h3>';
-		$content .= '<div class="wporg-marker-list-item__location">' . $event->location . '</div>';
-		$content .= '<div class="wporg-marker-list-item__date-time">' . $event->timestamp . '</div>';
+		$content .= '<h3 class="wporg-marker-list-item__title"><a class="external-link" href="' . esc_url( $event->url ) . ' ">' . esc_html( $event->title ) . '</a></h3>';
+		$content .= '<div class="wporg-marker-list-item__location">' . esc_html( $event->location ) . '</div>';
+		$content .= '<div class="wporg-marker-list-item__date-time">' . esc_html( $event->timestamp ) . '</div>';
 		$content .= '</li>';
 	}
 
 	$content .= '</ul>';
 
-	$wrapper_attributes = get_block_wrapper_attributes();
+	$wrapper_attributes = get_block_wrapper_attributes( array(
+		'class' => 'wp-block-wporg-google-map',
+	) );
 	return sprintf(
 		'<div %1$s>%2$s</div>',
 		$wrapper_attributes,