Ticket #63447: 63447.pseudo-element.diff

src/wp-admin/css/dashboard.css

@@ -596 +596 @@
         margin-bottom: 0;
         padding: 12px;
         border-top: 1px solid #f0f0f1;
-        color: #dcdcde;
 }
 
+.community-events-footer a {
+        line-height: 1.5;
+        padding: 0;
+}
+
+.community-events-footer .events-footer-link {
+        display: inline-block;
+}
+
+.community-events-footer .events-footer-link:not(:last-child)::after {
+        content: "";
+        display: inline-block;
+        width: 1px;
+        height: 1em;
+        border-left: 1px solid #dcdcde;
+        margin-left: 1px;
+        position: relative;
+        top: 2px;
+}
+
 /* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
 .community-events-footer .screen-reader-text {
         height: inherit;

src/wp-admin/includes/dashboard.php

@@ -1305 +1305 @@
         </div>
 
         <p class="community-events-footer">
+                <span class="events-footer-link">
                 <?php
                         printf(
                                 '<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>',
@@ -1314 +1315 @@
                                 __( '(opens in a new tab)' )
                         );
                 ?>
+                </span>
 
-                |
-
+                <span class="events-footer-link">
                 <?php
                         printf(
                                 '<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>',
@@ -1326 +1327 @@
                                 __( '(opens in a new tab)' )
                         );
                 ?>
+                </span>
 
-                |
-
+                <span class="events-footer-link">
                 <?php
                         printf(
                                 '<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>',
@@ -1339 +1340 @@
                                 __( '(opens in a new tab)' )
                         );
                 ?>
+                </span>
         </p>
 
         <?php