Skip to content

Commit 8e2553d

Browse files
committed
Use inaccessible content attributes as old browser fallback.
1 parent eda8d9d commit 8e2553d

22 files changed

+334
-33
lines changed

src/js/_enqueues/vendor/thickbox/thickbox.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -134,6 +134,7 @@
134134
}
135135

136136
.tb-close-icon:before {
137+
content: "\f158";
137138
content: "\f158" / '';
138139
font: normal 20px/29px dashicons;
139140
-webkit-font-smoothing: antialiased;

src/wp-admin/css/admin-menu.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -503,6 +503,7 @@ ul#adminmenu > li.current > a.current:after {
503503
}
504504

505505
#collapse-button .collapse-button-icon:after {
506+
content: "\f148";
506507
content: "\f148" / '';
507508
display: block;
508509
position: relative;

src/wp-admin/css/colors/_admin.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,7 @@ span.wp-media-buttons-icon:before {
6868
/* Forms */
6969

7070
input[type=checkbox]:checked::before {
71+
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour(variables.$form-checked)}%27%2F%3E%3C%2Fsvg%3E");
7172
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour(variables.$form-checked)}%27%2F%3E%3C%2Fsvg%3E") / '';
7273
}
7374

src/wp-admin/css/common.css

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -559,6 +559,7 @@ code {
559559
}
560560

561561
.js-update-details-toggle[aria-expanded="true"] .dashicons::before {
562+
content: "\f142";
562563
content: "\f142" / '';
563564
}
564565

@@ -805,6 +806,7 @@ img.emoji {
805806
.notice-dismiss:before {
806807
background: none;
807808
color: #787c82;
809+
content: "\f153";
808810
content: "\f153" / '';
809811
display: block;
810812
font: normal 16px/20px dashicons;
@@ -1132,6 +1134,7 @@ th.action-links {
11321134
}
11331135

11341136
.wp-filter .drawer-toggle:before {
1137+
content: "\f111";
11351138
content: "\f111" / '';
11361139
margin: 0 5px 0 0;
11371140
color: #646970;
@@ -1524,6 +1527,7 @@ div.error {
15241527

15251528
#plugin-information-footer .update-now:not(.button-disabled):before {
15261529
color: #d63638;
1530+
content: "\f463";
15271531
content: "\f463" / '';
15281532
display: inline-block;
15291533
font: normal 20px/1 dashicons;
@@ -1586,6 +1590,7 @@ div.error {
15861590
.button.installing:before,
15871591
.button.activating-message:before {
15881592
color: #d63638;
1593+
content: "\f463";
15891594
content: "\f463" / '';
15901595
}
15911596

@@ -1622,12 +1627,14 @@ div.error {
16221627
.button.updated-message:before,
16231628
.button.activated-message:before {
16241629
color: #68de7c;
1630+
content: "\f147";
16251631
content: "\f147" / '';
16261632
}
16271633

16281634
/* Error icon. */
16291635
.update-message.notice-error p:before {
16301636
color: #d63638;
1637+
content: "\f534";
16311638
content: "\f534" / '';
16321639
}
16331640

@@ -1837,6 +1844,7 @@ p.auto-update-status {
18371844

18381845
#screen-meta-links .show-settings:after {
18391846
right: 0;
1847+
content: "\f140";
18401848
content: "\f140" / '';
18411849
font: normal 20px/1 dashicons;
18421850
display: inline-block;
@@ -1850,6 +1858,7 @@ p.auto-update-status {
18501858
}
18511859

18521860
#screen-meta-links .screen-meta-active:after {
1861+
content: "\f142";
18531862
content: "\f142" / '';
18541863
}
18551864

@@ -2671,10 +2680,12 @@ div.star-holder .star-rating {
26712680
}
26722681

26732682
.star-rating .star-full:before {
2683+
content: "\f155";
26742684
content: "\f155" / '';
26752685
}
26762686

26772687
.star-rating .star-half:before {
2688+
content: "\f459";
26782689
content: "\f459" / '';
26792690
}
26802691

@@ -2683,6 +2694,7 @@ div.star-holder .star-rating {
26832694
}
26842695

26852696
.star-rating .star-empty:before {
2697+
content: "\f154";
26862698
content: "\f154" / '';
26872699
}
26882700

@@ -3174,6 +3186,7 @@ div.action-links {
31743186
}
31753187

31763188
.plugin-details-modal #TB_closeWindowButton:after {
3189+
content: "\f335";
31773190
content: "\f335" / '';
31783191
font: normal 32px/29px 'dashicons';
31793192
-webkit-font-smoothing: antialiased;
@@ -3200,6 +3213,7 @@ img {
32003213
.meta-box-sortables .postbox .order-lower-indicator::before,
32013214
.bulk-action-notice .toggle-indicator::before,
32023215
.privacy-text-box .toggle-indicator::before {
3216+
content: "\f142";
32033217
content: "\f142" / '';
32043218
display: inline-block;
32053219
font: normal 20px/1 dashicons;
@@ -3212,15 +3226,18 @@ img {
32123226
.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
32133227
.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
32143228
.privacy-text-box.closed .toggle-indicator::before {
3229+
content: "\f140";
32153230
content: "\f140" / '';
32163231
}
32173232

32183233
.postbox .handle-order-higher .order-higher-indicator::before {
3234+
content: "\f343";
32193235
content: "\f343" / '';
32203236
color: inherit;
32213237
}
32223238

32233239
.postbox .handle-order-lower .order-lower-indicator::before {
3240+
content: "\f347";
32243241
content: "\f347" / '';
32253242
color: inherit;
32263243
}
@@ -3344,9 +3361,11 @@ img {
33443361
pointer-events: none;
33453362
}
33463363
[role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
3364+
content: "\f139";
33473365
content: "\f139" / '';
33483366
}
33493367
[role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
3368+
content: "\f140";
33503369
content: "\f140" / '';
33513370
}
33523371
[role="treeitem"] .folder-label {
@@ -3562,6 +3581,7 @@ img {
35623581
.wp-customizer .control-section .accordion-section-title:after,
35633582
.wp-customizer .accordion-section-title:after,
35643583
.widget-top .widget-action .toggle-indicator:before {
3584+
content: "\f140";
35653585
content: "\f140" / '';
35663586
font: normal 20px/1 dashicons;
35673587
display: block;
@@ -3610,6 +3630,7 @@ img {
36103630
.nav-menus-php .menu-item-edit-active .item-edit:before,
36113631
.widget.open .widget-top .widget-action .toggle-indicator:before,
36123632
.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
3633+
content: "\f142";
36133634
content: "\f142" / '';
36143635
}
36153636

src/wp-admin/css/customize-controls.css

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -233,6 +233,7 @@ body.trashing #publish-settings {
233233
display: inline-block;
234234
}
235235
#customize-control-trash_changeset .button-link:before {
236+
content: "\f182";
236237
content: "\f182" / '';
237238
font: normal 22px dashicons;
238239
text-decoration: none;
@@ -594,6 +595,7 @@ body.trashing #publish-settings {
594595

595596
#customize-theme-controls .accordion-section-title:after,
596597
#customize-outer-theme-controls .accordion-section-title:after {
598+
content: "\f345";
597599
content: "\f345" / '';
598600
color: #a7aaad;
599601
pointer-events: none;
@@ -931,6 +933,7 @@ h3.customize-section-title {
931933

932934
.customize-controls-close:before {
933935
font: normal 22px/45px dashicons;
936+
content: "\f335";
934937
content: "\f335" / '';
935938
position: relative;
936939
top: -3px;
@@ -940,6 +943,7 @@ h3.customize-section-title {
940943
.customize-panel-back:before,
941944
.customize-section-back:before {
942945
font: normal 20px/72px dashicons;
946+
content: "\f341";
943947
content: "\f341" / '';
944948
position: relative;
945949
left: 9px;
@@ -1026,6 +1030,7 @@ p.customize-section-description {
10261030

10271031
.customize-section-description a.external-link:after {
10281032
font: 16px/11px dashicons;
1033+
content: "\f504";
10291034
content: "\f504" / '';
10301035
top: 3px;
10311036
position: relative;
@@ -1357,6 +1362,7 @@ p.customize-section-description {
13571362
}
13581363

13591364
.customize-control .dropdown-arrow:after {
1365+
content: "\f140";
13601366
content: "\f140" / '';
13611367
font: normal 20px/1 dashicons;
13621368
display: block;
@@ -1881,6 +1887,7 @@ p.customize-section-description {
18811887
}
18821888

18831889
.themes-filter-bar .feature-filter-toggle:before {
1890+
content: "\f111";
18841891
content: "\f111" / '';
18851892
margin: 0 5px 0 0;
18861893
font: normal 16px/1 dashicons;
@@ -2019,6 +2026,7 @@ p.customize-section-description {
20192026
}
20202027

20212028
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
2029+
content: "\f147";
20222030
content: "\f147" / '';
20232031
font: 16px/1 dashicons;
20242032
box-sizing: border-box;
@@ -2522,6 +2530,7 @@ body.cheatin p {
25222530
.add-new-widget:before,
25232531
.add-new-menu-item:before,
25242532
#available-menu-items .new-content-item .add-content:before {
2533+
content: "\f132";
25252534
content: "\f132" / '';
25262535
display: inline-block;
25272536
position: relative;
@@ -2601,11 +2610,13 @@ body.cheatin p {
26012610

26022611
.move-widget-down:before,
26032612
.menus-move-down:before {
2613+
content: "\f347";
26042614
content: "\f347" / '';
26052615
}
26062616

26072617
.move-widget-up:before,
26082618
.menus-move-up:before {
2619+
content: "\f343";
26092620
content: "\f343" / '';
26102621
}
26112622

@@ -2766,6 +2777,7 @@ body.adding-widget .add-new-widget:before,
27662777

27672778
#available-widgets-filter .clear-results:before,
27682779
#available-menu-items-search .clear-results:before {
2780+
content: "\f335";
27692781
content: "\f335" / '';
27702782
font: normal 20px/1 dashicons;
27712783
vertical-align: middle;
@@ -2977,13 +2989,15 @@ body.adding-widget .add-new-widget:before,
29772989
.customize-controls-preview-toggle .preview:before,
29782990
.customize-controls-preview-toggle .controls:before {
29792991
font: normal 20px/1 dashicons;
2992+
content: "\f177";
29802993
content: "\f177" / '';
29812994
position: relative;
29822995
top: 4px;
29832996
margin-right: 6px;
29842997
}
29852998

29862999
.customize-controls-preview-toggle .controls:before {
3000+
content: "\f540";
29873001
content: "\f540" / '';
29883002
}
29893003

src/wp-admin/css/customize-nav-menus.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -141,10 +141,12 @@
141141
}
142142

143143
.menus-move-left:before {
144+
content: "\f341";
144145
content: "\f341" / '';
145146
}
146147

147148
.menus-move-right:before {
149+
content: "\f345";
148150
content: "\f345" / '';
149151
}
150152

@@ -177,6 +179,7 @@
177179
}
178180

179181
.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
182+
content: "\f142";
180183
content: "\f142" / '';
181184
}
182185

@@ -277,6 +280,7 @@
277280
.customize-screen-options-toggle:before {
278281
-moz-osx-font-smoothing: grayscale;
279282
border: none;
283+
content: "\f111";
280284
content: "\f111" / '';
281285
display: block;
282286
font: 18px/1 dashicons;
@@ -320,6 +324,7 @@
320324

321325
.wp-customizer .menu-item .item-edit .toggle-indicator:before,
322326
#available-menu-items .accordion-section-title .toggle-indicator:before {
327+
content: "\f140";
323328
content: "\f140" / '';
324329
display: block;
325330
padding: 1px 2px 1px 0;
@@ -466,6 +471,7 @@
466471
}
467472

468473
.menu-item-bar .item-delete:before {
474+
content: "\f335";
469475
content: "\f335" / '';
470476
position: absolute;
471477
top: 9px;
@@ -651,6 +657,7 @@
651657
}
652658

653659
#available-menu-items .item-add:before {
660+
content: "\f543";
654661
content: "\f543" / '';
655662
position: relative;
656663
left: 2px;
@@ -669,6 +676,7 @@
669676
}
670677

671678
#available-menu-items .menu-item-handle.item-added .item-add:before {
679+
content: "\f147";
672680
content: "\f147" / '';
673681
}
674682

0 commit comments

Comments
 (0)