revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-25 23:10:57 +01:00
Code Issues Releases Wiki Activity

Add missing Conpherence icon + generate hovers

Browse source 
Summary: Added missing sprite images and added hover classes to sprite generator class.

Test Plan: read the CSS

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D4721
This commit is contained in:
Chad Little 2013-01-29 10:56:01 -08:00
parent 830c2410eb
commit 3e7a7518fa
8 changed files with 68 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
resources/sprite/conpher_1x/conversation_off.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
resources/sprite/conpher_1x/conversation_on.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

58
resources/sprite/manifest/conph.json
View file

@ -1,64 +1,74 @@
{ {
"version" : 1, "version" : 1,
"sprites" : { "sprites" : {
"conpher_calendar_off" : { "conpher_calendar_off" : {
"name" : "conpher_calendar_off", "name" : "conpher_calendar_off",
"rule" : "conpher_calendar_off", "rule" : ".conpher_calendar_off",
"hash" : "a8228ab90fd90f4c2500d9285179bf26" "hash" : "a8228ab90fd90f4c2500d9285179bf26"
}, },
"conpher_calendar_on" : { "conpher_calendar_on" : {
"name" : "conpher_calendar_on", "name" : "conpher_calendar_on",
"rule" : "conpher_calendar_on", "rule" : ".conpher_calendar_on, .device-desktop .conpher_calendar_off:hover ",
"hash" : "931243bc3c414782ddb2d1d9607908ba" "hash" : "931243bc3c414782ddb2d1d9607908ba"
}, },
"conpher_files_off" : { "conpher_conversation_off" : {
"name" : "conpher_conversation_off",
"rule" : ".conpher_conversation_off",
"hash" : "931abb0377898297a9a603a6d280b977"
},
"conpher_conversation_on" : {
"name" : "conpher_conversation_on",
"rule" : ".conpher_conversation_on, .device-desktop .conpher_conversation_off:hover ",
"hash" : "0b8a39dc5019dac1975b7be2ca0ccbfa"
},
"conpher_files_off" : {
"name" : "conpher_files_off", "name" : "conpher_files_off",
"rule" : "conpher_files_off", "rule" : ".conpher_files_off",
"hash" : "de1aee01b9b47b354e6ac280ae68bae1" "hash" : "de1aee01b9b47b354e6ac280ae68bae1"
}, },
"conpher_files_on" : { "conpher_files_on" : {
"name" : "conpher_files_on", "name" : "conpher_files_on",
"rule" : "conpher_files_on", "rule" : ".conpher_files_on, .device-desktop .conpher_files_off:hover ",
"hash" : "9ccbbd5e86fd4ec87a11aee0c9ec8c60" "hash" : "9ccbbd5e86fd4ec87a11aee0c9ec8c60"
}, },
"conpher_list_off" : { "conpher_list_off" : {
"name" : "conpher_list_off", "name" : "conpher_list_off",
"rule" : "conpher_list_off", "rule" : ".conpher_list_off",
"hash" : "2611311d0c2aec04416433be74d3a30e" "hash" : "2611311d0c2aec04416433be74d3a30e"
}, },
"conpher_list_on" : { "conpher_list_on" : {
"name" : "conpher_list_on", "name" : "conpher_list_on",
"rule" : "conpher_list_on", "rule" : ".conpher_list_on, .device-desktop .conpher_list_off:hover ",
"hash" : "cee6de0301c84b0d195282642642afa0" "hash" : "cee6de0301c84b0d195282642642afa0"
}, },
"conpher_more_off" : { "conpher_more_off" : {
"name" : "conpher_more_off", "name" : "conpher_more_off",
"rule" : "conpher_more_off", "rule" : ".conpher_more_off",
"hash" : "3b7099bdde20a13864b48552b11e92c3" "hash" : "3b7099bdde20a13864b48552b11e92c3"
}, },
"conpher_more_on" : { "conpher_more_on" : {
"name" : "conpher_more_on", "name" : "conpher_more_on",
"rule" : "conpher_more_on", "rule" : ".conpher_more_on, .device-desktop .conpher_more_off:hover ",
"hash" : "b146f0cff9c2e5f0b57f7ebcfe0704d3" "hash" : "b146f0cff9c2e5f0b57f7ebcfe0704d3"
}, },
"conpher_people_off" : { "conpher_people_off" : {
"name" : "conpher_people_off", "name" : "conpher_people_off",
"rule" : "conpher_people_off", "rule" : ".conpher_people_off",
"hash" : "641a6a21aa32a12416e85caf8a22e340" "hash" : "641a6a21aa32a12416e85caf8a22e340"
}, },
"conpher_people_on" : { "conpher_people_on" : {
"name" : "conpher_people_on", "name" : "conpher_people_on",
"rule" : "conpher_people_on", "rule" : ".conpher_people_on, .device-desktop .conpher_people_off:hover ",
"hash" : "f13745fd7036564eefb1c0ebc3502a92" "hash" : "f13745fd7036564eefb1c0ebc3502a92"
}, },
"conpher_settings_off" : { "conpher_settings_off" : {
"name" : "conpher_settings_off", "name" : "conpher_settings_off",
"rule" : "conpher_settings_off", "rule" : ".conpher_settings_off",
"hash" : "aa9ab000d9e33e3c50c2fe70367f30b4" "hash" : "aa9ab000d9e33e3c50c2fe70367f30b4"
}, },
"conpher_settings_on" : { "conpher_settings_on" : {
"name" : "conpher_settings_on", "name" : "conpher_settings_on",
"rule" : "conpher_settings_on", "rule" : ".conpher_settings_on, .device-desktop .conpher_settings_off:hover ",
"hash" : "a5fe22965997f9559800ca7db5ea32c8" "hash" : "a5fe22965997f9559800ca7db5ea32c8"
} }
}, },

10
src/__celerity_resource_map__.php
View file

@ -478,15 +478,15 @@ celerity_register_resource_map(array(
), ),
'/rsrc/image/sprite-conph-X2.png' => '/rsrc/image/sprite-conph-X2.png' =>
array( array(
'hash' => 'c80e0b09360be71addfeaee622ac4bf0', 'hash' => '8f79b9888577dab95d6019d1b7f2a204',
'uri' => '/res/c80e0b09/rsrc/image/sprite-conph-X2.png', 'uri' => '/res/8f79b988/rsrc/image/sprite-conph-X2.png',
'disk' => '/rsrc/image/sprite-conph-X2.png', 'disk' => '/rsrc/image/sprite-conph-X2.png',
'type' => 'png', 'type' => 'png',
), ),
'/rsrc/image/sprite-conph.png' => '/rsrc/image/sprite-conph.png' =>
array( array(
'hash' => '0b1d46b6c7369e09dc4b9e26010b74d6', 'hash' => 'a6329b4baa648b57c00de65f6758cbd2',
'uri' => '/res/0b1d46b6/rsrc/image/sprite-conph.png', 'uri' => '/res/a6329b4b/rsrc/image/sprite-conph.png',
'disk' => '/rsrc/image/sprite-conph.png', 'disk' => '/rsrc/image/sprite-conph.png',
'type' => 'png', 'type' => 'png',
), ),
@ -3316,7 +3316,7 @@ celerity_register_resource_map(array(
), ),
'sprite-conpher-css' => 'sprite-conpher-css' =>
array( array(
'uri' => '/res/14e5d74c/rsrc/css/sprite-conph.css', 'uri' => '/res/f640f0c5/rsrc/css/sprite-conph.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(

9
src/infrastructure/celerity/CeleritySpriteGenerator.php
View file

@ -194,7 +194,14 @@ final class CeleritySpriteGenerator {
$sprite = id(clone $template) $sprite = id(clone $template)
->setName($prefix.$icon); ->setName($prefix.$icon);
$sprite->setTargetCSS($prefix.$icon); $tcss = array();
$tcss[] = '.'.$prefix.$icon;
if ($color == 'on') {
$class = str_replace('_on', '_off', $prefix.$icon);
$tcss[] = '.device-desktop .'.$class.':hover ';
}
$sprite->setTargetCSS(implode(', ', $tcss));
foreach ($scales as $scale_key => $scale) { foreach ($scales as $scale_key => $scale) {
$path = $this->getPath($prefix.$scale_key.'/'.$icon.'.png'); $path = $this->getPath($prefix.$scale_key.'/'.$icon.'.png');

34
webroot/rsrc/css/sprite-conph.css
View file

@ -13,55 +13,63 @@ 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) {
.sprite-conpher { .sprite-conpher {
background-image: url(/rsrc/image/sprite-conpher-X2.png); background-image: url(/rsrc/image/sprite-conpher-X2.png);
background-size: 99px 132px; background-size: 132px 132px;
} }
} }
conpher_calendar_off { .conpher_calendar_off {
background-position: 0px 0px; background-position: 0px 0px;
} }
conpher_calendar_on { .conpher_calendar_on, .device-desktop .conpher_calendar_off:hover {
background-position: -33px 0px; background-position: -33px 0px;
} }
conpher_files_off { .conpher_conversation_off {
background-position: -66px 0px; background-position: -66px 0px;
} }
conpher_files_on { .conpher_conversation_on, .device-desktop .conpher_conversation_off:hover {
background-position: -99px 0px;
}
.conpher_files_off {
background-position: 0px -33px; background-position: 0px -33px;
} }
conpher_list_off { .conpher_files_on, .device-desktop .conpher_files_off:hover {
background-position: -33px -33px; background-position: -33px -33px;
} }
conpher_list_on { .conpher_list_off {
background-position: -66px -33px; background-position: -66px -33px;
} }
conpher_more_off { .conpher_list_on, .device-desktop .conpher_list_off:hover {
background-position: -99px -33px;
}
.conpher_more_off {
background-position: 0px -66px; background-position: 0px -66px;
} }
conpher_more_on { .conpher_more_on, .device-desktop .conpher_more_off:hover {
background-position: -33px -66px; background-position: -33px -66px;
} }
conpher_people_off { .conpher_people_off {
background-position: -66px -66px; background-position: -66px -66px;
} }
conpher_people_on { .conpher_people_on, .device-desktop .conpher_people_off:hover {
background-position: 0px -99px; background-position: 0px -99px;
} }
conpher_settings_off { .conpher_settings_off {
background-position: -33px -99px; background-position: -33px -99px;
} }
conpher_settings_on { .conpher_settings_on, .device-desktop .conpher_settings_off:hover {
background-position: -66px -99px; background-position: -66px -99px;
} }

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

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 14 KiB

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

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 6.7 KiB