Brion VIBBER has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/255029

Change subject: Hi-DPI spinner using 2x-density animated GIF
......................................................................

Hi-DPI spinner using 2x-density animated GIF

Upgrades jquery.spinner module with 2x-density animated GIFs
to be used on higher-density displays. Activated by CSS media
query on 1.25x and higher density displays.

Still a GIF so still looks bad on dark backgrounds.
No change at default 1x resolution (classic desktops).

spinner-2x.gif created with loading.io settings:
http://loading.io/loader/?use=eyJzaXplIjoyMCwic3BlZWQiOjEsImNiayI6IiNmZmZmZmYiLCJjMSI6IiMwMDAwMDAiLCJjMiI6IjEyIiwiYzMiOiIxMSIsImM0IjoiMjQiLCJjNSI6IjUiLCJjNiI6IjM2IiwidHlwZSI6ImRlZmF1bHQifQ==

spinner-large-2x.gif created with settings:
http://loading.io/loader/?use=eyJzaXplIjozMiwic3BlZWQiOjEsImNiayI6IiNmZmZmZmYiLCJjMSI6IiMwMDAwMDAiLCJjMiI6IjEyIiwiYzMiOiI5IiwiYzQiOiIyNCIsImM1IjoiNSIsImM2IjoiMzYiLCJ0eXBlIjoiZGVmYXVsdCJ9

Bug: T61699
Change-Id: I2af30082427c1a336cb09479f68cd9b47bcb85e9
---
A resources/src/jquery/images/spinner-2x.gif
A resources/src/jquery/images/spinner-large-2x.gif
M resources/src/jquery/jquery.spinner.css
3 files changed, 14 insertions(+), 0 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/mediawiki/core 
refs/changes/29/255029/1

diff --git a/resources/src/jquery/images/spinner-2x.gif 
b/resources/src/jquery/images/spinner-2x.gif
new file mode 100644
index 0000000..9702463
--- /dev/null
+++ b/resources/src/jquery/images/spinner-2x.gif
Binary files differ
diff --git a/resources/src/jquery/images/spinner-large-2x.gif 
b/resources/src/jquery/images/spinner-large-2x.gif
new file mode 100644
index 0000000..50f820a
--- /dev/null
+++ b/resources/src/jquery/images/spinner-large-2x.gif
Binary files differ
diff --git a/resources/src/jquery/jquery.spinner.css 
b/resources/src/jquery/jquery.spinner.css
index a9e06db..41891bf 100644
--- a/resources/src/jquery/jquery.spinner.css
+++ b/resources/src/jquery/jquery.spinner.css
@@ -38,3 +38,17 @@
        zoom: 1;
        *display: inline;
 }
+
+@media
+       only screen and (-webkit-min-device-pixel-ratio: 1.25),
+       only screen and (min-resolution: 120dpi)
+{
+       .mw-spinner-small {
+               background-image: url(images/spinner-2x.gif);
+               background-size: 20px 20px;
+       }
+       .mw-spinner-large {
+               background-image: url(images/spinner-large-2x.gif);
+               background-size: 32px 32px;
+       }
+}

-- 
To view, visit https://gerrit.wikimedia.org/r/255029
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I2af30082427c1a336cb09479f68cd9b47bcb85e9
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/core
Gerrit-Branch: master
Gerrit-Owner: Brion VIBBER <br...@wikimedia.org>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to