Changeset 61480 for trunk/src/wp-admin/css/dashboard.css

Timestamp:

01/13/2026 10:07:57 PM (2 months ago)

Author:

peterwilsoncc

Message:

General: Use legacy content properties for CSS icons.

In modern browsers the CSS content property provides alt text support for assistive technology in the form display / alt text. This introduces support for legacy browsers that do not support the new syntax.

CSS content properties take advantage of the CSS cascade and browsers ignoring values they don't understand by adding duplicate content properties in the form:

content: display;
content: display / alt text;

Modern browsers will use the second property, legacy browsers will use the first.

Follow-up to [60885] for #63603.

Props acmoifr, joedolson, jorbin, mydesign78, ov3rfly, peterwilsoncc, presskopp, sabernhardt, siliconforks, swissspidy, threadi, wildworks, wolf45.
Fixes #64350.

File:

• trunk/src/wp-admin/css/dashboard.css (modified) (15 diffs)

trunk/src/wp-admin/css/dashboard.css

@@ -353 +353 @@
 .welcome-panel .welcome-write-blog:before,
 .welcome-panel .welcome-edit-page:before {
+    content: "\f119";
     content: "\f119" / '';
     top: -3px;
@@ -359 +360 @@
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-add-page:before {
+    content: "\f132";
     content: "\f132" / '';
     top: -1px;
@@ -365 +367 @@
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-setup-home:before {
+    content: "\f102";
     content: "\f102" / '';
     top: -1px;
@@ -371 +374 @@
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-view-site:before {
+    content: "\f115";
     content: "\f115" / '';
     top: -2px;
@@ -377 +381 @@
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-widgets-menus:before {
+    content: "\f116";
     content: "\f116" / '';
     top: -2px;
@@ -383 +388 @@
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-widgets:before {
+    content: "\f538";
     content: "\f538" / '';
     top: -2px;
@@ -389 +395 @@
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-menus:before {
+    content: "\f163";
     content: "\f163" / '';
     top: -2px;
@@ -395 +402 @@
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-comments:before {
+    content: "\f117";
     content: "\f117" / '';
     top: -1px;
@@ -401 +409 @@
 /* @deprecated 5.9.0 -- Icons removed from welcome panel. */
 .welcome-panel .welcome-learn-more:before {
+    content: "\f118";
     content: "\f118" / '';
     top: -1px;
@@ -410 +419 @@
 #dashboard_right_now li a:before,
 #dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */
-    content: "\f159" / ''; /* generic icon for items added by CPTs ? */
     padding: 0 5px 0 0;
+    /* generic icon for items added by CPTs ? */
+    content: "\f159";
+    content: "\f159" / '';
 }
 
 #dashboard_right_now .page-count a:before,
 #dashboard_right_now .page-count span:before {
+    content: "\f105";
     content: "\f105" / '';
 }
@@ -421 +433 @@
 #dashboard_right_now .post-count a:before,
 #dashboard_right_now .post-count span:before {
+    content: "\f109";
     content: "\f109" / '';
 }
 
 #dashboard_right_now .comment-count a:before {
+    content: "\f101";
     content: "\f101" / '';
 }
 
 #dashboard_right_now .comment-mod-count a:before {
+    content: "\f125";
     content: "\f125" / '';
 }
 
 #dashboard_right_now .storage-count a:before {
+    content: "\f104";
     content: "\f104" / '';
 }
 
 #dashboard_right_now .storage-count.warning a:before {
+    content: "\f153";
     content: "\f153" / '';
 }
 
 #dashboard_right_now .search-engines-info:before {
+    content: "\f348";
     content: "\f348" / '';
     color: #d63638;
@@ -560 +578 @@
 
 .community-events .ce-separator::before {
+    content: "\2022";
     content: "\2022" / '';
 }
@@ -575 +594 @@
 }
 .event-meetup .event-icon:before {
+    content: "\f484";
     content: "\f484" / '';
 }
 .event-wordcamp .event-icon:before {
+    content: "\f486";
     content: "\f486" / '';
 }
@@ -860 +881 @@
 
 #dashboard_activity .comment-meta span.approve:before {
+    content: "\f227";
     content: "\f227" / '';
     font: 20px/.5 dashicons;
@@ -1134 +1156 @@
 
 .rss-widget cite:before {
+    content: "\2014";
     content: "\2014" / '';
 }