Use css class to position icon

WordPress · Nov 13, 2024 · 49fe747 · 49fe747
1 parent 9cea88b
commit 49fe747
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/themes/wporg-translate-events-2024/blocks/event-title/index.php b/themes/wporg-translate-events-2024/blocks/event-title/index.php
@@ -22,7 +22,7 @@
 			<?php
 			if ( 'remote' === $event->attendance_mode() ) {
 				// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-				echo do_blocks( sprintf( '<!-- wp:wporg-translate-events-2024/remote-attendance-icon %s  /-->', wp_json_encode( array( 'inline_css' => 'float:left; margin-right:3px' ) ) ) );
+				echo do_blocks( sprintf( '<!-- wp:wporg-translate-events-2024/remote-attendance-icon %s  /-->', wp_json_encode( array( 'css_class' => 'remote-icon-on-list' ) ) ) );
 			}
 			?>
 			<h3 class="wporg-marker-list-item__title">

diff --git a/themes/wporg-translate-events-2024/style.css b/themes/wporg-translate-events-2024/style.css
@@ -189,6 +189,11 @@ span.user-remote-icon.dashicons-video-alt2 {
     margin-left: 14px;
 }
 
+.remote-icon-on-list {
+	float: left;
+    margin: 5px 3px 0 0;
+}
+
  @media (min-width: 960px) {
 
 .wporg-marker-list__container .wporg-marker-list-item {