@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
[Redesign] Update Filetree CSS
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
+15
-21
+3
-3
resources/celerity/map.php
+3
-3
resources/celerity/map.php
···
7
7
return array(
8
8
'names' =>
9
9
array(
10
-
'core.pkg.css' => 'c94a698c',
10
+
'core.pkg.css' => 'c6ff1a89',
11
11
'core.pkg.js' => '7db41c19',
12
12
'darkconsole.pkg.js' => 'ca8671ce',
13
13
'differential.pkg.css' => 'fbf57382',
···
115
115
'rsrc/css/layout/phabricator-action-header-view.css' => '33a4590a',
116
116
'rsrc/css/layout/phabricator-action-list-view.css' => 'dcbfc854',
117
117
'rsrc/css/layout/phabricator-crumbs-view.css' => '989a48b6',
118
-
'rsrc/css/layout/phabricator-filetree-view.css' => 'a8c86ace',
118
+
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
119
119
'rsrc/css/layout/phabricator-hovercard-view.css' => '46a13cf0',
120
120
'rsrc/css/layout/phabricator-side-menu-view.css' => 'c1986b85',
121
121
'rsrc/css/layout/phabricator-source-code-view.css' => '62a99814',
···
703
703
'phabricator-fatal-config-template-css' => '25d446d6',
704
704
'phabricator-feed-css' => 'dd43ce00',
705
705
'phabricator-file-upload' => 'a4ae61bf',
706
-
'phabricator-filetree-view-css' => 'a8c86ace',
706
+
'phabricator-filetree-view-css' => 'fccf9f82',
707
707
'phabricator-flag-css' => '5337623f',
708
708
'phabricator-hovercard' => '4f344388',
709
709
'phabricator-hovercard-view-css' => '46a13cf0',
+8
-9
webroot/rsrc/css/layout/phabricator-filetree-view.css
+8
-9
webroot/rsrc/css/layout/phabricator-filetree-view.css
···
14
14
margin: 0;
15
15
padding: 0;
16
16
display: block;
17
+
border-left: 4px solid transparent;
17
18
}
18
19
19
20
.phabricator-filetree span.phabricator-filetree-icon {
···
28
29
.phabricator-filetree span.phabricator-filetree-name {
29
30
padding: 0;
30
31
margin-left: 4px;
31
-
font-size: 11px;
32
+
font-size: 12px;
32
33
font-weight: normal;
33
34
line-height: 20px;
34
35
white-space: nowrap;
···
36
37
37
38
.phabricator-filetree span.phabricator-filetree-item
38
39
.phabricator-filetree-name {
39
-
color: #a0a0a0;
40
+
color: {$darkbluetext};
40
41
}
41
42
42
43
.phabricator-filetree a.phabricator-filetree-item
43
44
.phabricator-filetree-name {
44
-
color: #fff;
45
+
color: {$darkbluetext};
45
46
}
46
47
47
48
.phabricator-filetree a.phabricator-filetree-item:hover {
48
49
text-decoration: none;
50
+
background-color: {$hovergrey};
49
51
}
50
52
51
-
.phabricator-filetree-icon-file {
52
-
background-image: url(/rsrc/image/icon/fatcow/page_white_text.png);
53
-
}
54
-
55
-
.phabricator-filetree-icon-dir {
56
-
background-image: url(/rsrc/image/icon/fatcow/folder.png);
53
+
.phabricator-filetree .phabricator-active-nav-focus {
54
+
background-color: {$hovergrey};
55
+
border-left: 4px solid {$sky};
57
56
}