mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-11 16:16:14 +01:00
52c0ec2700
Summary: This updates the eye logo and removes the formal wordmark "Phabricator" as an image. Instead we'll use the new updated eye logo and plain text for "Phabricator", both of which are more friendly and less industrial. Installs that already use the `header-logo` customization setting will need to rebuild their logo to 80px x 80px. They will then also get to use plain text to whitebox their install as they see fit. Test Plan: Tested new logo at desktop, tablet, and mobile sizes. Set a random instance name, saw new wordmark. Created a really long wordmark of MMMMMMMMMMMM, saw text cut off so UI doesn't break. May need some additional tweaking, but I think we covered the most edge cases here. {F1751791, size=full} Reviewers: epriestley Reviewed By: epriestley Subscribers: edibiase, bjshively, yelirekim, Korvin Maniphest Tasks: T4214, T11096 Differential Revision: https://secure.phabricator.com/D16373
153 lines
3.5 KiB
PHP
153 lines
3.5 KiB
PHP
<?php
|
|
|
|
final class CeleritySpriteGenerator extends Phobject {
|
|
|
|
public function buildTokenSheet() {
|
|
$icons = $this->getDirectoryList('tokens_1x');
|
|
$scales = array(
|
|
'1x' => 1,
|
|
'2x' => 2,
|
|
);
|
|
$template = id(new PhutilSprite())
|
|
->setSourceSize(18, 18);
|
|
|
|
$sprites = array();
|
|
$prefix = 'tokens_';
|
|
foreach ($icons as $icon) {
|
|
$sprite = id(clone $template)
|
|
->setName('tokens-'.$icon)
|
|
->setTargetCSS('.tokens-'.$icon);
|
|
|
|
foreach ($scales as $scale_key => $scale) {
|
|
$path = $this->getPath($prefix.$scale_key.'/'.$icon.'.png');
|
|
$sprite->setSourceFile($path, $scale);
|
|
}
|
|
$sprites[] = $sprite;
|
|
}
|
|
|
|
$sheet = $this->buildSheet('tokens', true);
|
|
$sheet->setScales($scales);
|
|
foreach ($sprites as $sprite) {
|
|
$sheet->addSprite($sprite);
|
|
}
|
|
|
|
return $sheet;
|
|
}
|
|
|
|
public function buildLoginSheet() {
|
|
$icons = $this->getDirectoryList('login_1x');
|
|
$scales = array(
|
|
'1x' => 1,
|
|
'2x' => 2,
|
|
);
|
|
$template = id(new PhutilSprite())
|
|
->setSourceSize(28, 28);
|
|
|
|
$sprites = array();
|
|
$prefix = 'login_';
|
|
foreach ($icons as $icon) {
|
|
$sprite = id(clone $template)
|
|
->setName('login-'.$icon)
|
|
->setTargetCSS('.login-'.$icon);
|
|
|
|
foreach ($scales as $scale_key => $scale) {
|
|
$path = $this->getPath($prefix.$scale_key.'/'.$icon.'.png');
|
|
$sprite->setSourceFile($path, $scale);
|
|
}
|
|
$sprites[] = $sprite;
|
|
}
|
|
|
|
$sheet = $this->buildSheet('login', true);
|
|
$sheet->setScales($scales);
|
|
foreach ($sprites as $sprite) {
|
|
$sheet->addSprite($sprite);
|
|
}
|
|
|
|
return $sheet;
|
|
}
|
|
|
|
private function getPath($to_path = null) {
|
|
$root = dirname(phutil_get_library_root('phabricator'));
|
|
return $root.'/resources/sprite/'.$to_path;
|
|
}
|
|
|
|
private function getDirectoryList($dir) {
|
|
$path = $this->getPath($dir);
|
|
|
|
$result = array();
|
|
|
|
$images = Filesystem::listDirectory($path, $include_hidden = false);
|
|
foreach ($images as $image) {
|
|
if (!preg_match('/\.png$/', $image)) {
|
|
throw new Exception(
|
|
pht(
|
|
"Expected file '%s' in '%s' to be a sprite source ending in '%s'.",
|
|
$image,
|
|
$path,
|
|
'.png'));
|
|
}
|
|
$result[] = substr($image, 0, -4);
|
|
}
|
|
|
|
return $result;
|
|
}
|
|
|
|
private function buildSheet(
|
|
$name,
|
|
$has_retina,
|
|
$type = null,
|
|
$extra_css = '') {
|
|
|
|
$sheet = new PhutilSpriteSheet();
|
|
|
|
$at = '@';
|
|
|
|
switch ($type) {
|
|
case PhutilSpriteSheet::TYPE_STANDARD:
|
|
default:
|
|
$type = PhutilSpriteSheet::TYPE_STANDARD;
|
|
$repeat_rule = 'no-repeat';
|
|
break;
|
|
case PhutilSpriteSheet::TYPE_REPEAT_X:
|
|
$repeat_rule = 'repeat-x';
|
|
break;
|
|
case PhutilSpriteSheet::TYPE_REPEAT_Y:
|
|
$repeat_rule = 'repeat-y';
|
|
break;
|
|
}
|
|
|
|
$retina_rules = null;
|
|
if ($has_retina) {
|
|
$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 (min-resolution: 1.5dppx) {
|
|
.sprite-{$name}{$extra_css} {
|
|
background-image: url(/rsrc/image/sprite-{$name}-X2.png);
|
|
background-size: {X}px {Y}px;
|
|
}
|
|
}
|
|
EOCSS;
|
|
}
|
|
|
|
$sheet->setSheetType($type);
|
|
$sheet->setCSSHeader(<<<EOCSS
|
|
/**
|
|
* @provides sprite-{$name}-css
|
|
* {$at}generated
|
|
*/
|
|
|
|
.sprite-{$name}{$extra_css} {
|
|
background-image: url(/rsrc/image/sprite-{$name}.png);
|
|
background-repeat: {$repeat_rule};
|
|
}
|
|
|
|
{$retina_rules}
|
|
|
|
EOCSS
|
|
);
|
|
|
|
return $sheet;
|
|
}
|
|
}
|