Add external link icon to Jetpack reader feed link (#2247)

Author: pfefferle

assets/css/activitypub-admin.css

@@ -176,6 +176,11 @@ summary {
 	transform: translateY(-30%) rotate(-135deg);
 }
 
+table.followings .dashicons {
+	font-size: 1em;
+	line-height: 1.7;
+}
+
 .activitypub-settings-accordion-trigger:active,
 .activitypub-settings-accordion-trigger:hover {
 	background: #f6f7f7;

integration/class-jetpack.php

@@ -105,9 +105,11 @@ public static function add_reader_link( $actions, $item ) {
 		return array_merge(
 			array(
 				'reader' => sprintf(
-					'<a href="%s" target="_blank">%s</a>',
+					'<a href="%1$s" target="_blank">%2$s<span class="screen-reader-text"> %3$s</span><span aria-hidden="true" class="dashicons dashicons-external"></span></a>',
 					esc_url( $url ),
-					esc_html__( 'View Feed', 'activitypub' )
+					esc_html__( 'View Feed', 'activitypub' ),
+					/* translators: Hidden accessibility text. */
+					esc_html__( '(opens in a new tab)', 'activitypub' )
 				),
 			),
 			$actions