mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-25 06:50:55 +01:00
Add missing Conpherence icon + generate hovers
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:
parent
830c2410eb
commit
3e7a7518fa
8 changed files with 68 additions and 43 deletions
BIN
resources/sprite/conpher_1x/conversation_off.png
Normal file
BIN
resources/sprite/conpher_1x/conversation_off.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.8 KiB |
BIN
resources/sprite/conpher_1x/conversation_on.png
Normal file
BIN
resources/sprite/conpher_1x/conversation_on.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.8 KiB |
|
@ -1,64 +1,74 @@
|
|||
{
|
||||
"version" : 1,
|
||||
"sprites" : {
|
||||
"conpher_calendar_off" : {
|
||||
"conpher_calendar_off" : {
|
||||
"name" : "conpher_calendar_off",
|
||||
"rule" : "conpher_calendar_off",
|
||||
"rule" : ".conpher_calendar_off",
|
||||
"hash" : "a8228ab90fd90f4c2500d9285179bf26"
|
||||
},
|
||||
"conpher_calendar_on" : {
|
||||
"conpher_calendar_on" : {
|
||||
"name" : "conpher_calendar_on",
|
||||
"rule" : "conpher_calendar_on",
|
||||
"rule" : ".conpher_calendar_on, .device-desktop .conpher_calendar_off:hover ",
|
||||
"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",
|
||||
"rule" : "conpher_files_off",
|
||||
"rule" : ".conpher_files_off",
|
||||
"hash" : "de1aee01b9b47b354e6ac280ae68bae1"
|
||||
},
|
||||
"conpher_files_on" : {
|
||||
"conpher_files_on" : {
|
||||
"name" : "conpher_files_on",
|
||||
"rule" : "conpher_files_on",
|
||||
"rule" : ".conpher_files_on, .device-desktop .conpher_files_off:hover ",
|
||||
"hash" : "9ccbbd5e86fd4ec87a11aee0c9ec8c60"
|
||||
},
|
||||
"conpher_list_off" : {
|
||||
"conpher_list_off" : {
|
||||
"name" : "conpher_list_off",
|
||||
"rule" : "conpher_list_off",
|
||||
"rule" : ".conpher_list_off",
|
||||
"hash" : "2611311d0c2aec04416433be74d3a30e"
|
||||
},
|
||||
"conpher_list_on" : {
|
||||
"conpher_list_on" : {
|
||||
"name" : "conpher_list_on",
|
||||
"rule" : "conpher_list_on",
|
||||
"rule" : ".conpher_list_on, .device-desktop .conpher_list_off:hover ",
|
||||
"hash" : "cee6de0301c84b0d195282642642afa0"
|
||||
},
|
||||
"conpher_more_off" : {
|
||||
"conpher_more_off" : {
|
||||
"name" : "conpher_more_off",
|
||||
"rule" : "conpher_more_off",
|
||||
"rule" : ".conpher_more_off",
|
||||
"hash" : "3b7099bdde20a13864b48552b11e92c3"
|
||||
},
|
||||
"conpher_more_on" : {
|
||||
"conpher_more_on" : {
|
||||
"name" : "conpher_more_on",
|
||||
"rule" : "conpher_more_on",
|
||||
"rule" : ".conpher_more_on, .device-desktop .conpher_more_off:hover ",
|
||||
"hash" : "b146f0cff9c2e5f0b57f7ebcfe0704d3"
|
||||
},
|
||||
"conpher_people_off" : {
|
||||
"conpher_people_off" : {
|
||||
"name" : "conpher_people_off",
|
||||
"rule" : "conpher_people_off",
|
||||
"rule" : ".conpher_people_off",
|
||||
"hash" : "641a6a21aa32a12416e85caf8a22e340"
|
||||
},
|
||||
"conpher_people_on" : {
|
||||
"conpher_people_on" : {
|
||||
"name" : "conpher_people_on",
|
||||
"rule" : "conpher_people_on",
|
||||
"rule" : ".conpher_people_on, .device-desktop .conpher_people_off:hover ",
|
||||
"hash" : "f13745fd7036564eefb1c0ebc3502a92"
|
||||
},
|
||||
"conpher_settings_off" : {
|
||||
"conpher_settings_off" : {
|
||||
"name" : "conpher_settings_off",
|
||||
"rule" : "conpher_settings_off",
|
||||
"rule" : ".conpher_settings_off",
|
||||
"hash" : "aa9ab000d9e33e3c50c2fe70367f30b4"
|
||||
},
|
||||
"conpher_settings_on" : {
|
||||
"conpher_settings_on" : {
|
||||
"name" : "conpher_settings_on",
|
||||
"rule" : "conpher_settings_on",
|
||||
"rule" : ".conpher_settings_on, .device-desktop .conpher_settings_off:hover ",
|
||||
"hash" : "a5fe22965997f9559800ca7db5ea32c8"
|
||||
}
|
||||
},
|
||||
|
|
|
@ -478,15 +478,15 @@ celerity_register_resource_map(array(
|
|||
),
|
||||
'/rsrc/image/sprite-conph-X2.png' =>
|
||||
array(
|
||||
'hash' => 'c80e0b09360be71addfeaee622ac4bf0',
|
||||
'uri' => '/res/c80e0b09/rsrc/image/sprite-conph-X2.png',
|
||||
'hash' => '8f79b9888577dab95d6019d1b7f2a204',
|
||||
'uri' => '/res/8f79b988/rsrc/image/sprite-conph-X2.png',
|
||||
'disk' => '/rsrc/image/sprite-conph-X2.png',
|
||||
'type' => 'png',
|
||||
),
|
||||
'/rsrc/image/sprite-conph.png' =>
|
||||
array(
|
||||
'hash' => '0b1d46b6c7369e09dc4b9e26010b74d6',
|
||||
'uri' => '/res/0b1d46b6/rsrc/image/sprite-conph.png',
|
||||
'hash' => 'a6329b4baa648b57c00de65f6758cbd2',
|
||||
'uri' => '/res/a6329b4b/rsrc/image/sprite-conph.png',
|
||||
'disk' => '/rsrc/image/sprite-conph.png',
|
||||
'type' => 'png',
|
||||
),
|
||||
|
@ -3316,7 +3316,7 @@ celerity_register_resource_map(array(
|
|||
),
|
||||
'sprite-conpher-css' =>
|
||||
array(
|
||||
'uri' => '/res/14e5d74c/rsrc/css/sprite-conph.css',
|
||||
'uri' => '/res/f640f0c5/rsrc/css/sprite-conph.css',
|
||||
'type' => 'css',
|
||||
'requires' =>
|
||||
array(
|
||||
|
|
|
@ -194,7 +194,14 @@ final class CeleritySpriteGenerator {
|
|||
$sprite = id(clone $template)
|
||||
->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) {
|
||||
$path = $this->getPath($prefix.$scale_key.'/'.$icon.'.png');
|
||||
|
|
|
@ -13,55 +13,63 @@ only screen and (min-device-pixel-ratio: 1.5),
|
|||
only screen and (-webkit-min-device-pixel-ratio: 1.5) {
|
||||
.sprite-conpher {
|
||||
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;
|
||||
}
|
||||
|
||||
conpher_calendar_on {
|
||||
.conpher_calendar_on, .device-desktop .conpher_calendar_off:hover {
|
||||
background-position: -33px 0px;
|
||||
}
|
||||
|
||||
conpher_files_off {
|
||||
.conpher_conversation_off {
|
||||
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;
|
||||
}
|
||||
|
||||
conpher_list_off {
|
||||
.conpher_files_on, .device-desktop .conpher_files_off:hover {
|
||||
background-position: -33px -33px;
|
||||
}
|
||||
|
||||
conpher_list_on {
|
||||
.conpher_list_off {
|
||||
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;
|
||||
}
|
||||
|
||||
conpher_more_on {
|
||||
.conpher_more_on, .device-desktop .conpher_more_off:hover {
|
||||
background-position: -33px -66px;
|
||||
}
|
||||
|
||||
conpher_people_off {
|
||||
.conpher_people_off {
|
||||
background-position: -66px -66px;
|
||||
}
|
||||
|
||||
conpher_people_on {
|
||||
.conpher_people_on, .device-desktop .conpher_people_off:hover {
|
||||
background-position: 0px -99px;
|
||||
}
|
||||
|
||||
conpher_settings_off {
|
||||
.conpher_settings_off {
|
||||
background-position: -33px -99px;
|
||||
}
|
||||
|
||||
conpher_settings_on {
|
||||
.conpher_settings_on, .device-desktop .conpher_settings_off:hover {
|
||||
background-position: -66px -99px;
|
||||
}
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 14 KiB |
Binary file not shown.
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 6.7 KiB |
Loading…
Reference in a new issue