revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-20 01:08:50 +02:00
Code Issues Releases Wiki Activity

[Redesign] Update Filetree CSS

Browse source 
Summary: Tweaks colors, updates icons

Test Plan: Tested a filetree view, clicked and hovered.

Reviewers: epriestley

Subscribers: epriestley, Korvin

Differential Revision: https://secure.phabricator.com/D9335
This commit is contained in:
Chad Little 2014-05-29 16:04:50 -07:00
parent 23a238b045
commit 0e05f078b0
3 changed files with 15 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
resources/celerity/map.php
View file

@ -7,7 +7,7 @@
return array( return array(
'names' => 'names' =>
array( array(
'core.pkg.css' => 'c94a698c', 'core.pkg.css' => 'c6ff1a89',
'core.pkg.js' => '7db41c19', 'core.pkg.js' => '7db41c19',
'darkconsole.pkg.js' => 'ca8671ce', 'darkconsole.pkg.js' => 'ca8671ce',
'differential.pkg.css' => 'fbf57382', 'differential.pkg.css' => 'fbf57382',
@ -115,7 +115,7 @@ return array(
'rsrc/css/layout/phabricator-action-header-view.css' => '33a4590a', 'rsrc/css/layout/phabricator-action-header-view.css' => '33a4590a',
'rsrc/css/layout/phabricator-action-list-view.css' => 'dcbfc854', 'rsrc/css/layout/phabricator-action-list-view.css' => 'dcbfc854',
'rsrc/css/layout/phabricator-crumbs-view.css' => '989a48b6', 'rsrc/css/layout/phabricator-crumbs-view.css' => '989a48b6',
'rsrc/css/layout/phabricator-filetree-view.css' => 'a8c86ace', 'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
'rsrc/css/layout/phabricator-hovercard-view.css' => '46a13cf0', 'rsrc/css/layout/phabricator-hovercard-view.css' => '46a13cf0',
'rsrc/css/layout/phabricator-side-menu-view.css' => 'c1986b85', 'rsrc/css/layout/phabricator-side-menu-view.css' => 'c1986b85',
'rsrc/css/layout/phabricator-source-code-view.css' => '62a99814', 'rsrc/css/layout/phabricator-source-code-view.css' => '62a99814',
@ -703,7 +703,7 @@ return array(
'phabricator-fatal-config-template-css' => '25d446d6', 'phabricator-fatal-config-template-css' => '25d446d6',
'phabricator-feed-css' => 'dd43ce00', 'phabricator-feed-css' => 'dd43ce00',
'phabricator-file-upload' => 'a4ae61bf', 'phabricator-file-upload' => 'a4ae61bf',
'phabricator-filetree-view-css' => 'a8c86ace', 'phabricator-filetree-view-css' => 'fccf9f82',
'phabricator-flag-css' => '5337623f', 'phabricator-flag-css' => '5337623f',
'phabricator-hovercard' => '4f344388', 'phabricator-hovercard' => '4f344388',
'phabricator-hovercard-view-css' => '46a13cf0', 'phabricator-hovercard-view-css' => '46a13cf0',

13
src/applications/differential/view/DifferentialChangesetFileTreeSideNavBuilder.php
View file

@ -90,20 +90,15 @@ final class DifferentialChangesetFileTreeSideNavBuilder {
if ($data) { if ($data) {
$href = '#'.$data->getAnchorName(); $href = '#'.$data->getAnchorName();
$title = $name; $title = $name;
$icon = 'phabricator-filetree-icon-file'; $icon = id(new PHUIIconView())
->setIconFont('fa-file-text-o bluetext');
} else { } else {
$name .= '/'; $name .= '/';
$title = $path->getFullPath().'/'; $title = $path->getFullPath().'/';
$icon = 'phabricator-filetree-icon-dir'; $icon = id(new PHUIIconView())
->setIconFont('fa-folder-open blue');
} }
$icon = phutil_tag(
'span',
array(
'class' => 'phabricator-filetree-icon '.$icon,
),
'');
$name_element = phutil_tag( $name_element = phutil_tag(
'span', 'span',
array( array(

17
webroot/rsrc/css/layout/phabricator-filetree-view.css
View file

@ -14,6 +14,7 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
display: block; display: block;
border-left: 4px solid transparent;
} }
.phabricator-filetree span.phabricator-filetree-icon { .phabricator-filetree span.phabricator-filetree-icon {
@ -28,7 +29,7 @@
.phabricator-filetree span.phabricator-filetree-name { .phabricator-filetree span.phabricator-filetree-name {
padding: 0; padding: 0;
margin-left: 4px; margin-left: 4px;
font-size: 11px; font-size: 12px;
font-weight: normal; font-weight: normal;
line-height: 20px; line-height: 20px;
white-space: nowrap; white-space: nowrap;
@ -36,22 +37,20 @@
.phabricator-filetree span.phabricator-filetree-item .phabricator-filetree span.phabricator-filetree-item
.phabricator-filetree-name { .phabricator-filetree-name {
color: #a0a0a0; color: {$darkbluetext};
} }
.phabricator-filetree a.phabricator-filetree-item .phabricator-filetree a.phabricator-filetree-item
.phabricator-filetree-name { .phabricator-filetree-name {
color: #fff; color: {$darkbluetext};
} }
.phabricator-filetree a.phabricator-filetree-item:hover { .phabricator-filetree a.phabricator-filetree-item:hover {
text-decoration: none; text-decoration: none;
background-color: {$hovergrey};
} }
.phabricator-filetree-icon-file { .phabricator-filetree .phabricator-active-nav-focus {
background-image: url(/rsrc/image/icon/fatcow/page_white_text.png); background-color: {$hovergrey};
} border-left: 4px solid {$sky};
.phabricator-filetree-icon-dir {
background-image: url(/rsrc/image/icon/fatcow/folder.png);
} }