@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
Touch up launch-nav
Summary:
Minor cleanup to the launch nav, this is more an interim diff until I can fully re-think the side
- Cleaner text
- Slighly shorter buttons
- Squarish counts
- Less in your face warning colors
Test Plan: Test with and without counts, test mobile
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin, chad
Differential Revision: https://secure.phabricator.com/D8637
+18
-31
+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' => '6d16f22a',
10
+
'core.pkg.css' => 'c2de6661',
11
11
'core.pkg.js' => 'd3fecc57',
12
12
'darkconsole.pkg.js' => 'ca8671ce',
13
13
'differential.pkg.css' => 'cb97e095',
···
40
40
'rsrc/css/application/auth/auth.css' => '1e655982',
41
41
'rsrc/css/application/base/main-menu-view.css' => 'd36e0c11',
42
42
'rsrc/css/application/base/notification-menu.css' => 'fc9a363c',
43
-
'rsrc/css/application/base/phabricator-application-launch-view.css' => '5cb75f67',
43
+
'rsrc/css/application/base/phabricator-application-launch-view.css' => '3282cc83',
44
44
'rsrc/css/application/base/standard-page-view.css' => '517cdfb1',
45
45
'rsrc/css/application/chatlog/chatlog.css' => '852140ff',
46
46
'rsrc/css/application/config/config-options.css' => '7fedf08b',
···
678
678
'people-profile-css' => 'ba7b2762',
679
679
'phabricator-action-header-view-css' => 'c14dfc57',
680
680
'phabricator-action-list-view-css' => '81383e25',
681
-
'phabricator-application-launch-view-css' => '5cb75f67',
681
+
'phabricator-application-launch-view-css' => '3282cc83',
682
682
'phabricator-busy' => '6453c869',
683
683
'phabricator-chatlog-css' => '852140ff',
684
684
'phabricator-content-source-view-css' => '4b8b05d4',
+15
-28
webroot/rsrc/css/application/base/phabricator-application-launch-view.css
+15
-28
webroot/rsrc/css/application/base/phabricator-application-launch-view.css
···
31
31
position: relative;
32
32
border: 1px solid #1c1e22;
33
33
text-decoration: none;
34
+
-webkit-font-smoothing: antialiased;
34
35
}
35
36
36
37
a.application-tile-full {
37
38
width: 100%;
38
-
height: 52px;
39
+
height: 48px;
39
40
border-bottom: none;
40
41
border-left: none;
41
42
border-right: none;
···
45
46
display: none;
46
47
}
47
48
48
-
a.application-tile-full.application-tile-create {
49
-
width: 88%;
50
-
height: 52px;
51
-
border-right: none;
52
-
}
53
-
54
49
.phabricator-application-launch-icon {
55
50
display: block;
56
51
position: absolute;
···
61
56
}
62
57
63
58
.application-tile-full .phabricator-application-launch-icon {
64
-
top: 12px;
59
+
top: 10px;
65
60
left: 10px;
66
61
}
67
62
···
82
77
83
78
.application-tile-full .phabricator-application-launch-name {
84
79
font-size: 13px;
85
-
margin-top: 11px;
80
+
margin-top: 9px;
86
81
text-align: left;
87
82
margin-left: 48px;
88
83
···
105
100
106
101
.phabricator-application-launch-attention {
107
102
position: absolute;
108
-
top: 4px;
109
-
border-radius: 10px;
103
+
top: 6px;
104
+
right: 4px;
110
105
color: white;
111
106
font-weight: bold;
112
-
padding: 1px 0 2px;
113
-
border: 2px solid #333;
114
107
font-size: 11px;
115
-
box-shadow: 0 0px 2px #000;
116
108
}
117
109
118
110
.phabricator-application-attention-count {
119
-
background-color: {$blue};
120
-
border-radius: 10px;
121
-
color: white;
122
-
font-weight: bold;
111
+
background-color: #1e2225;
112
+
color: {$sky};
113
+
border-radius: 2px;
123
114
padding: 1px 6px 2px;
124
-
border: 1px solid #333;
125
-
font-size: 11px;
126
115
}
127
116
128
117
.phabricator-application-warning-count {
129
-
padding: 6px;
118
+
background-color: #1e2225;
119
+
border-radius: 2px;
120
+
padding: 1px 6px 2px;
130
121
}
131
122
132
123
.phabricator-application-attention-count + .phabricator-application-warning-count {
133
-
margin-left: -2px;
134
-
}
135
-
136
-
.phabricator-application-launch-attention {
137
-
right: 4px;
138
-
background-color: rgb(119, 119, 119);
124
+
margin-left: 2px;
125
+
top: 8px;
139
126
}
140
127
141
128
.application-tile-full .phabricator-application-launch-attention {
142
-
top: 16px;
129
+
top: 17px;
143
130
right: 8px;
144
131
}