revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-19 16:58:48 +02:00
Code Issues Releases Wiki Activity

Add hidpi media query for mozilla browsers

Browse source 
Summary: Modern mozilla browsers use min-resolution.

Test Plan: Regernate sprites, use site in Firefox, see correct header image.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Differential Revision: https://secure.phabricator.com/D13555
This commit is contained in:
Chad Little 2015-07-05 12:24:57 -07:00
parent 7cc8a73d1e
commit 0cd5031ada
19 changed files with 102 additions and 97 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
resources/celerity/map.php
View file

@ -7,7 +7,7 @@
*/
return array(
'names' => array(
'core.pkg.css' => 'b3b91157',
'core.pkg.css' => '828ae114',
'core.pkg.js' => 'a590b451',
'darkconsole.pkg.js' => 'e7393ebb',
'differential.pkg.css' => '9451634c',
@ -153,11 +153,11 @@ return array(
'rsrc/css/phui/phui-timeline-view.css' => '47b18876',
'rsrc/css/phui/phui-workboard-view.css' => '935b19d6',
'rsrc/css/phui/phui-workpanel-view.css' => '00558537',
'rsrc/css/sprite-login.css' => 'a3526809',
'rsrc/css/sprite-main-header.css' => '37e05e50',
'rsrc/css/sprite-menu.css' => 'fba663c3',
'rsrc/css/sprite-projects.css' => 'b0d9e24f',
'rsrc/css/sprite-tokens.css' => '1706b943',
'rsrc/css/sprite-login.css' => '1365fee0',
'rsrc/css/sprite-main-header.css' => 'f07bbb87',
'rsrc/css/sprite-menu.css' => '9dd65b92',
'rsrc/css/sprite-projects.css' => 'e5ad842a',
'rsrc/css/sprite-tokens.css' => '4f399012',
'rsrc/externals/font/fontawesome/fontawesome-webfont.eot' => '5fb6fb0e',
'rsrc/externals/font/fontawesome/fontawesome-webfont.ttf' => 'a653cb11',
'rsrc/externals/font/fontawesome/fontawesome-webfont.woff' => '80526fc8',
@ -316,15 +316,15 @@ return array(
'rsrc/image/people/washington.png' => '40dd301c',
'rsrc/image/phrequent_active.png' => 'a466a8ed',
'rsrc/image/phrequent_inactive.png' => 'bfc15a69',
'rsrc/image/sprite-login-X2.png' => 'a15918f0',
'rsrc/image/sprite-login.png' => '8cee4f6e',
'rsrc/image/sprite-main-header.png' => 'f9008250',
'rsrc/image/sprite-menu-X2.png' => '1c25965b',
'rsrc/image/sprite-menu.png' => '76373b62',
'rsrc/image/sprite-projects-X2.png' => '8c91c839',
'rsrc/image/sprite-projects.png' => 'ef9dc9b5',
'rsrc/image/sprite-tokens-X2.png' => 'b4776580',
'rsrc/image/sprite-tokens.png' => '25b75533',
'rsrc/image/sprite-login-X2.png' => 'bf4d6f32',
'rsrc/image/sprite-login.png' => '25cee65e',
'rsrc/image/sprite-main-header.png' => '3673af44',
'rsrc/image/sprite-menu-X2.png' => 'cfd8fca5',
'rsrc/image/sprite-menu.png' => 'd7a99faa',
'rsrc/image/sprite-projects-X2.png' => '853552c7',
'rsrc/image/sprite-projects.png' => 'b9dd74b8',
'rsrc/image/sprite-tokens-X2.png' => '348f1745',
'rsrc/image/sprite-tokens.png' => 'ce0b62be',
'rsrc/image/texture/card-gradient.png' => '815f26e8',
'rsrc/image/texture/dark-menu-hover.png' => '5fa7ece8',
'rsrc/image/texture/dark-menu.png' => '7e22296e',
@ -827,11 +827,11 @@ return array(
'releeph-request-differential-create-dialog' => '8d8b92cd',
'releeph-request-typeahead-css' => '667a48ae',
'setup-issue-css' => 'db7e9c40',
'sprite-login-css' => 'a3526809',
'sprite-main-header-css' => '37e05e50',
'sprite-menu-css' => 'fba663c3',
'sprite-projects-css' => 'b0d9e24f',
'sprite-tokens-css' => '1706b943',
'sprite-login-css' => '1365fee0',
'sprite-main-header-css' => 'f07bbb87',
'sprite-menu-css' => '9dd65b92',
'sprite-projects-css' => 'e5ad842a',
'sprite-tokens-css' => '4f399012',
'syntax-highlighting-css' => '9fd11da8',
'tokens-css' => '3d0f239e',
'typeahead-browse-css' => 'd8581d2c',

2
resources/sprite/manifest/login.json
View file

@ -131,6 +131,6 @@
1,
2
],
"header": "\/**\n * @provides sprite-login-css\n * @generated\n *\/\n\n.sprite-login {\n background-image: url(\/rsrc\/image\/sprite-login.png);\n background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5) {\n .sprite-login {\n background-image: url(\/rsrc\/image\/sprite-login-X2.png);\n background-size: {X}px {Y}px;\n }\n}\n",
"header": "\/**\n * @provides sprite-login-css\n * @generated\n *\/\n\n.sprite-login {\n background-image: url(\/rsrc\/image\/sprite-login.png);\n background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5),\nonly screen and (min-resolution: 1.5dppx) {\n .sprite-login {\n background-image: url(\/rsrc\/image\/sprite-login-X2.png);\n background-size: {X}px {Y}px;\n }\n}\n",
"type": "standard"
}

2
resources/sprite/manifest/menu.json
View file

@ -26,6 +26,6 @@
1,
2
],
"header": "\/**\n * @provides sprite-menu-css\n * @generated\n *\/\n\n.sprite-menu {\n background-image: url(\/rsrc\/image\/sprite-menu.png);\n background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5) {\n .sprite-menu {\n background-image: url(\/rsrc\/image\/sprite-menu-X2.png);\n background-size: {X}px {Y}px;\n }\n}\n",
"header": "\/**\n * @provides sprite-menu-css\n * @generated\n *\/\n\n.sprite-menu {\n background-image: url(\/rsrc\/image\/sprite-menu.png);\n background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5),\nonly screen and (min-resolution: 1.5dppx) {\n .sprite-menu {\n background-image: url(\/rsrc\/image\/sprite-menu-X2.png);\n background-size: {X}px {Y}px;\n }\n}\n",
"type": "standard"
}

2
resources/sprite/manifest/projects.json
View file

@ -366,6 +366,6 @@
1,
2
],
"header": "\/**\n * @provides sprite-projects-css\n * @generated\n *\/\n\n.sprite-projects {\n background-image: url(\/rsrc\/image\/sprite-projects.png);\n background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5) {\n .sprite-projects {\n background-image: url(\/rsrc\/image\/sprite-projects-X2.png);\n background-size: {X}px {Y}px;\n }\n}\n",
"header": "\/**\n * @provides sprite-projects-css\n * @generated\n *\/\n\n.sprite-projects {\n background-image: url(\/rsrc\/image\/sprite-projects.png);\n background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5),\nonly screen and (min-resolution: 1.5dppx) {\n .sprite-projects {\n background-image: url(\/rsrc\/image\/sprite-projects-X2.png);\n background-size: {X}px {Y}px;\n }\n}\n",
"type": "standard"
}

138
resources/sprite/manifest/tokens.json
View file

@ -1,91 +1,91 @@
{
"version" : 1,
"sprites" : {
"tokens-coin-1" : {
"name" : "tokens-coin-1",
"rule" : ".tokens-coin-1",
"hash" : "0ec4c7309f8191972340c6789a6b5691"
"version": 1,
"sprites": {
"tokens-coin-1": {
"name": "tokens-coin-1",
"rule": ".tokens-coin-1",
"hash": "0ec4c7309f8191972340c6789a6b5691"
},
"tokens-coin-2" : {
"name" : "tokens-coin-2",
"rule" : ".tokens-coin-2",
"hash" : "4c85dd4b0c388cfefe0075b7056384fd"
"tokens-coin-2": {
"name": "tokens-coin-2",
"rule": ".tokens-coin-2",
"hash": "4c85dd4b0c388cfefe0075b7056384fd"
},
"tokens-coin-3" : {
"name" : "tokens-coin-3",
"rule" : ".tokens-coin-3",
"hash" : "a2e3770894539957e436a7d5a2be4703"
"tokens-coin-3": {
"name": "tokens-coin-3",
"rule": ".tokens-coin-3",
"hash": "a2e3770894539957e436a7d5a2be4703"
},
"tokens-coin-4" : {
"name" : "tokens-coin-4",
"rule" : ".tokens-coin-4",
"hash" : "856cb87c5590975c0a25177ca2fd2a8f"
"tokens-coin-4": {
"name": "tokens-coin-4",
"rule": ".tokens-coin-4",
"hash": "856cb87c5590975c0a25177ca2fd2a8f"
},
"tokens-heart-1" : {
"name" : "tokens-heart-1",
"rule" : ".tokens-heart-1",
"hash" : "370228318750a79d93848bdf686444e5"
"tokens-heart-1": {
"name": "tokens-heart-1",
"rule": ".tokens-heart-1",
"hash": "370228318750a79d93848bdf686444e5"
},
"tokens-heart-2" : {
"name" : "tokens-heart-2",
"rule" : ".tokens-heart-2",
"hash" : "197144d3987308aaef311e29e3503707"
"tokens-heart-2": {
"name": "tokens-heart-2",
"rule": ".tokens-heart-2",
"hash": "197144d3987308aaef311e29e3503707"
},
"tokens-like-1" : {
"name" : "tokens-like-1",
"rule" : ".tokens-like-1",
"hash" : "3c5271d6678ad6d217a47779488c9918"
"tokens-like-1": {
"name": "tokens-like-1",
"rule": ".tokens-like-1",
"hash": "3c5271d6678ad6d217a47779488c9918"
},
"tokens-like-2" : {
"name" : "tokens-like-2",
"rule" : ".tokens-like-2",
"hash" : "b009176baadc3e71786ac24ce8229c5a"
"tokens-like-2": {
"name": "tokens-like-2",
"rule": ".tokens-like-2",
"hash": "b009176baadc3e71786ac24ce8229c5a"
},
"tokens-medal-1" : {
"name" : "tokens-medal-1",
"rule" : ".tokens-medal-1",
"hash" : "cd897529c6834917da062589ae1a69ae"
"tokens-medal-1": {
"name": "tokens-medal-1",
"rule": ".tokens-medal-1",
"hash": "cd897529c6834917da062589ae1a69ae"
},
"tokens-medal-2" : {
"name" : "tokens-medal-2",
"rule" : ".tokens-medal-2",
"hash" : "d56f106b508c33bca6c0a33e2544d0d6"
"tokens-medal-2": {
"name": "tokens-medal-2",
"rule": ".tokens-medal-2",
"hash": "d56f106b508c33bca6c0a33e2544d0d6"
},
"tokens-medal-3" : {
"name" : "tokens-medal-3",
"rule" : ".tokens-medal-3",
"hash" : "d4e7c06cfd39d932a35aa25841d5008c"
"tokens-medal-3": {
"name": "tokens-medal-3",
"rule": ".tokens-medal-3",
"hash": "d4e7c06cfd39d932a35aa25841d5008c"
},
"tokens-medal-4" : {
"name" : "tokens-medal-4",
"rule" : ".tokens-medal-4",
"hash" : "36f596bd2615e521542ac10a771d6902"
"tokens-medal-4": {
"name": "tokens-medal-4",
"rule": ".tokens-medal-4",
"hash": "36f596bd2615e521542ac10a771d6902"
},
"tokens-misc-1" : {
"name" : "tokens-misc-1",
"rule" : ".tokens-misc-1",
"hash" : "8f7575c0176570b30aaffb801bcb2c13"
"tokens-misc-1": {
"name": "tokens-misc-1",
"rule": ".tokens-misc-1",
"hash": "8f7575c0176570b30aaffb801bcb2c13"
},
"tokens-misc-2" : {
"name" : "tokens-misc-2",
"rule" : ".tokens-misc-2",
"hash" : "5c61bc36fd0b5545ebf31b57c6ab5185"
"tokens-misc-2": {
"name": "tokens-misc-2",
"rule": ".tokens-misc-2",
"hash": "5c61bc36fd0b5545ebf31b57c6ab5185"
},
"tokens-misc-3" : {
"name" : "tokens-misc-3",
"rule" : ".tokens-misc-3",
"hash" : "97a383def5eb847077b2b26a1a441c0e"
"tokens-misc-3": {
"name": "tokens-misc-3",
"rule": ".tokens-misc-3",
"hash": "97a383def5eb847077b2b26a1a441c0e"
},
"tokens-misc-4" : {
"name" : "tokens-misc-4",
"rule" : ".tokens-misc-4",
"hash" : "229c8a28e3b6bb883effbb62689e190f"
"tokens-misc-4": {
"name": "tokens-misc-4",
"rule": ".tokens-misc-4",
"hash": "229c8a28e3b6bb883effbb62689e190f"
}
},
"scales" : [
"scales": [
1,
2
],
"header" : "\/**\n * @provides sprite-tokens-css\n * @generated\n *\/\n\n.sprite-tokens {\n background-image: url(\/rsrc\/image\/sprite-tokens.png);\n background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5) {\n .sprite-tokens {\n background-image: url(\/rsrc\/image\/sprite-tokens-X2.png);\n background-size: {X}px {Y}px;\n }\n}\n",
"type" : "standard"
"header": "\/**\n * @provides sprite-tokens-css\n * @generated\n *\/\n\n.sprite-tokens {\n background-image: url(\/rsrc\/image\/sprite-tokens.png);\n background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5),\nonly screen and (min-resolution: 1.5dppx) {\n .sprite-tokens {\n background-image: url(\/rsrc\/image\/sprite-tokens-X2.png);\n background-size: {X}px {Y}px;\n }\n}\n",
"type": "standard"
}

3
src/applications/celerity/CeleritySpriteGenerator.php
View file

@ -232,7 +232,8 @@ final class CeleritySpriteGenerator extends Phobject {
$retina_rules = <<<EOCSS
@media
only screen and (min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5) {
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
.sprite-{$name}{$extra_css} {
background-image: url(/rsrc/image/sprite-{$name}-X2.png);
background-size: {X}px {Y}px;

3
webroot/rsrc/css/sprite-login.css
View file

@ -10,7 +10,8 @@
@media
only screen and (min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5) {
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
.sprite-login {
background-image: url(/rsrc/image/sprite-login-X2.png);
background-size: 175px 175px;

3
webroot/rsrc/css/sprite-menu.css
View file

@ -10,7 +10,8 @@
@media
only screen and (min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5) {
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
.sprite-menu {
background-image: url(/rsrc/image/sprite-menu-X2.png);
background-size: 97px 123px;

3
webroot/rsrc/css/sprite-projects.css
View file

@ -10,7 +10,8 @@
@media
only screen and (min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5) {
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
.sprite-projects {
background-image: url(/rsrc/image/sprite-projects-X2.png);
background-size: 408px 459px;

3
webroot/rsrc/css/sprite-tokens.css
View file

@ -10,7 +10,8 @@
@media
only screen and (min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5) {
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
.sprite-tokens {
background-image: url(/rsrc/image/sprite-tokens-X2.png);
background-size: 68px 68px;

BIN
webroot/rsrc/image/sprite-login-X2.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 121 KiB

After

Width:  |  Height:  |  Size: 116 KiB

BIN
webroot/rsrc/image/sprite-login.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 38 KiB

BIN
webroot/rsrc/image/sprite-main-header.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2 KiB

BIN
webroot/rsrc/image/sprite-menu-X2.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
webroot/rsrc/image/sprite-menu.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
webroot/rsrc/image/sprite-projects-X2.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 37 KiB

BIN
webroot/rsrc/image/sprite-projects.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 18 KiB

BIN
webroot/rsrc/image/sprite-tokens-X2.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
webroot/rsrc/image/sprite-tokens.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB