Changeset 4514

Timestamp:

12/12/2016 03:57:52 AM (8 years ago)

Author:

tellyworth

Message:

Plugin directory: fix high res banners and icons in Firefox. Thanks @jsmoriss.

Fixes #2322.

File:

• sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/class-template.php (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/class-template.php

@@ -268 +268 @@
                 $html .= "#{$id} { background-image: url('{$icon}'); } .plugin-icon { background-size: cover; height: 128px; width: 128px; }";
                 if ( ! empty( $icon_2x ) && ! $generated ) {
-                    $html .= "@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #{$id} { background-image: url('{$icon_2x}'); } }";
+                    $html .= "@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { #{$id} { background-image: url('{$icon_2x}'); } }";
                 }
                 $html .= "</style>";
@@ -340 +340 @@
                 $html .= "#{$id} { background-image: url('{$banner}'); }";
                 if ( ! empty( $banner_2x ) ) {
-                    $html .= "@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #{$id} { background-image: url('{$banner_2x}'); } }";
+                    $html .= "@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { #{$id} { background-image: url('{$banner_2x}'); } }";
                 }
                 $html .= "</style>";