From 70a6b6390cbccf16551bbc9efe7de96f826c4865 Mon Sep 17 00:00:00 2001 From: "Dominik Schilling (ocean90)" Date: Mon, 28 Jul 2014 15:51:02 +0000 Subject: [PATCH] IE8 doesn't support `::before` and `::after` pseudo-elements. Replace them with `:before` and `:after`. props andrezrv, DrewAPicture, ocean90. fixes #28082. git-svn-id: https://develop.svn.wordpress.org/trunk@29314 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/common.css | 12 ++++++++-- src/wp-admin/css/customize-controls.css | 8 +++---- src/wp-admin/css/dashboard.css | 4 ++-- src/wp-admin/css/revisions.css | 2 +- src/wp-includes/css/media-views.css | 30 ++++++++++++------------- 5 files changed, 32 insertions(+), 24 deletions(-) diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css index 5773a4365c..a0d3b3fc41 100644 --- a/src/wp-admin/css/common.css +++ b/src/wp-admin/css/common.css @@ -746,7 +746,7 @@ h3.dashboard-widget-title small, } /* @todo can we combine these into a class or use an existing dashicon one? */ -#welcome-panel.welcome-panel .welcome-panel-close::before, +#welcome-panel.welcome-panel .welcome-panel-close:before, .tagchecklist span a:before, #bulk-titles div a:before { background: none; @@ -756,12 +756,20 @@ h3.dashboard-widget-title small, font: normal 16px/1 'dashicons'; speak: none; height: 20px; - margin: 2px 0; text-align: center; width: 20px; -webkit-font-smoothing: antialiased !important; } +#welcome-panel.welcome-panel .welcome-panel-close:before { + margin: 0; +} + +.tagchecklist span a:before, +#bulk-titles div a:before { + margin: 2px 0; +} + #welcome-panel.welcome-panel .welcome-panel-close:hover:before, .tagchecklist span a:hover:before, #bulk-titles div a:hover:before { diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css index a6625b5bfd..3867466177 100644 --- a/src/wp-admin/css/customize-controls.css +++ b/src/wp-admin/css/customize-controls.css @@ -111,10 +111,10 @@ body { background: #f5f5f5; } -#customize-theme-controls .control-section:hover > .accordion-section-title::after, -#customize-theme-controls .control-section .accordion-section-title:hover::after, -#customize-theme-controls .control-section.open .accordion-section-title::after, -#customize-theme-controls .control-section .accordion-section-title:focus::after { +#customize-theme-controls .control-section:hover > .accordion-section-title:after, +#customize-theme-controls .control-section .accordion-section-title:hover:after, +#customize-theme-controls .control-section.open .accordion-section-title:after, +#customize-theme-controls .control-section .accordion-section-title:focus:after { color: #555555; } diff --git a/src/wp-admin/css/dashboard.css b/src/wp-admin/css/dashboard.css index fc2f20ec79..61890d67a8 100644 --- a/src/wp-admin/css/dashboard.css +++ b/src/wp-admin/css/dashboard.css @@ -168,7 +168,7 @@ h3.dashboard-widget-title small a:hover { line-height: 1; } -#welcome-panel.welcome-panel .welcome-panel-close::before { +#welcome-panel.welcome-panel .welcome-panel-close:before { position: absolute; left: -18px; margin-top: -2px; @@ -1128,7 +1128,7 @@ a.rsswidget { } /* Make the close icon larger for tappability. */ - #welcome-panel.welcome-panel .welcome-panel-close::before { + #welcome-panel.welcome-panel .welcome-panel-close:before { font-size: 20px; margin: 0; } diff --git a/src/wp-admin/css/revisions.css b/src/wp-admin/css/revisions.css index c4ec92c94e..f191494227 100644 --- a/src/wp-admin/css/revisions.css +++ b/src/wp-admin/css/revisions.css @@ -408,7 +408,7 @@ table.diff .diff-addedline ins { z-index: 10000; } -.arrow::after { +.arrow:after { z-index: 9999; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 5c9ba7b33f..4e34936a89 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -1588,7 +1588,7 @@ color: #d54e21; } -.attachment-info .advanced-toggle::after { +.attachment-info .advanced-toggle:after { font: normal 20px/1 'dashicons'; speak: none; vertical-align: top; @@ -1598,7 +1598,7 @@ display: inline-block; margin-top: -2px; } -.attachment-info .advanced-visible .advanced-toggle::after { +.attachment-info .advanced-visible .advanced-toggle:after { content: '\f142'; } @@ -1855,7 +1855,7 @@ display: block; } -.image-details .advanced-toggle::after { +.image-details .advanced-toggle:after { font: normal 20px/1 'dashicons'; speak: none; vertical-align: top; @@ -1866,7 +1866,7 @@ margin-top: -2px; } -.image-details .advanced-visible .advanced-toggle::after { +.image-details .advanced-visible .advanced-toggle:after { content: '\f142'; } @@ -1897,10 +1897,10 @@ margin: 26px 6px 0 6px; } -.image-details .custom-size::after { - content: ''; +.image-details .custom-size:after { + content: ''; display: table; - clear: both; + clear: both; } .media-embed .thumbnail { @@ -2534,15 +2534,15 @@ (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { - .media-modal-icon { - background-image: url(../images/uploader-icons-2x.png); - -webkit-background-size: 134px 15px; - background-size: 134px 15px; - } + .media-modal-icon { + background-image: url(../images/uploader-icons-2x.png); + -webkit-background-size: 134px 15px; + background-size: 134px 15px; + } - .media-frame .spinner { - background-image: url(../images/spinner-2x.gif); - } + .media-frame .spinner { + background-image: url(../images/spinner-2x.gif); + } }