@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
Common Colors, Spacing for Menus and Typeaheads
Summary: Adds more consistent colors and spacing to notifications, conpherence dropdowns, search dropdowns, and typeaheads.
Test Plan: Tested Notifications, menu and page. Conpherence, menu and page, Search, and Typeaheads.
Reviewers: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D9313
+66
-80
+11
-11
resources/celerity/map.php
+11
-11
resources/celerity/map.php
···
7
7
return array(
8
8
'names' =>
9
9
array(
10
-
'core.pkg.css' => '8b46eb01',
10
+
'core.pkg.css' => '45c8100d',
11
11
'core.pkg.js' => '7db41c19',
12
12
'darkconsole.pkg.js' => 'ca8671ce',
13
13
'differential.pkg.css' => 'fbf57382',
···
34
34
'rsrc/css/aphront/tooltip.css' => '9c90229d',
35
35
'rsrc/css/aphront/transaction.css' => 'ce491938',
36
36
'rsrc/css/aphront/two-column.css' => '16ab3ad2',
37
-
'rsrc/css/aphront/typeahead.css' => '1f4c9e23',
37
+
'rsrc/css/aphront/typeahead.css' => 'a989b5b3',
38
38
'rsrc/css/application/auth/auth.css' => '1e655982',
39
-
'rsrc/css/application/base/main-menu-view.css' => '5f0e9e05',
40
-
'rsrc/css/application/base/notification-menu.css' => '99ffef72',
39
+
'rsrc/css/application/base/main-menu-view.css' => '5f08823b',
40
+
'rsrc/css/application/base/notification-menu.css' => '8637a3db',
41
41
'rsrc/css/application/base/phabricator-application-launch-view.css' => '137e794e',
42
42
'rsrc/css/application/base/standard-page-view.css' => '517cdfb1',
43
43
'rsrc/css/application/chatlog/chatlog.css' => '852140ff',
44
44
'rsrc/css/application/config/config-options.css' => '7fedf08b',
45
45
'rsrc/css/application/config/config-template.css' => '25d446d6',
46
46
'rsrc/css/application/config/setup-issue.css' => '69e640e7',
47
-
'rsrc/css/application/conpherence/menu.css' => 'c5fe56f9',
47
+
'rsrc/css/application/conpherence/menu.css' => '3690ec7a',
48
48
'rsrc/css/application/conpherence/message-pane.css' => '7703a9a9',
49
-
'rsrc/css/application/conpherence/notification.css' => '403cf598',
49
+
'rsrc/css/application/conpherence/notification.css' => '04a6e10a',
50
50
'rsrc/css/application/conpherence/update.css' => '1099a660',
51
51
'rsrc/css/application/conpherence/widget-pane.css' => 'bf275a6c',
52
52
'rsrc/css/application/contentsource/content-source-view.css' => '4b8b05d4',
···
501
501
'aphront-tokenizer-control-css' => '36903077',
502
502
'aphront-tooltip-css' => '9c90229d',
503
503
'aphront-two-column-view-css' => '16ab3ad2',
504
-
'aphront-typeahead-control-css' => '1f4c9e23',
504
+
'aphront-typeahead-control-css' => 'a989b5b3',
505
505
'auth-css' => '1e655982',
506
506
'config-options-css' => '7fedf08b',
507
-
'conpherence-menu-css' => 'c5fe56f9',
507
+
'conpherence-menu-css' => '3690ec7a',
508
508
'conpherence-message-pane-css' => '7703a9a9',
509
-
'conpherence-notification-css' => '403cf598',
509
+
'conpherence-notification-css' => '04a6e10a',
510
510
'conpherence-update-css' => '1099a660',
511
511
'conpherence-widget-pane-css' => 'bf275a6c',
512
512
'differential-changeset-view-css' => 'f234b888',
···
710
710
'phabricator-jump-nav' => 'f0c5e726',
711
711
'phabricator-keyboard-shortcut' => '1ae869f2',
712
712
'phabricator-keyboard-shortcut-manager' => 'ad7a69ca',
713
-
'phabricator-main-menu-view' => '5f0e9e05',
713
+
'phabricator-main-menu-view' => '5f08823b',
714
714
'phabricator-nav-view-css' => '9283c2df',
715
715
'phabricator-notification' => '0c6946e7',
716
716
'phabricator-notification-css' => 'ef2c9b34',
717
-
'phabricator-notification-menu-css' => '99ffef72',
717
+
'phabricator-notification-menu-css' => '8637a3db',
718
718
'phabricator-object-selector-css' => '029a133d',
719
719
'phabricator-phtize' => 'd254d646',
720
720
'phabricator-prefab' => '41ed7994',
+2
src/infrastructure/celerity/CelerityResourceTransformer.php
+2
src/infrastructure/celerity/CelerityResourceTransformer.php
+4
-7
webroot/rsrc/css/aphront/typeahead.css
+4
-7
webroot/rsrc/css/aphront/typeahead.css
···
9
9
10
10
div.jx-typeahead-results {
11
11
position: absolute;
12
-
border: 1px solid #96a6c7;
12
+
border: 1px solid {$hoverborder};
13
13
border-top: 0px;
14
14
padding: 0;
15
15
background: #fefefe;
···
25
25
}
26
26
27
27
div.jx-typeahead-results a.jx-result {
28
-
color: #333;
28
+
color: {$darkgreytext};
29
29
display: block;
30
30
font-size: 13px;
31
-
border-bottom: 1px solid #e7e7e7;
32
-
border-top: 1px solid #fff;
31
+
border-top: 1px solid {$hoverborder};
33
32
}
34
33
35
34
div.jx-typeahead-results a.jx-result:hover,
36
35
div.jx-typeahead-results a.focused {
37
36
display: block;
38
-
background: {$lightblue};
39
-
border-top: 1px solid {$thinblueborder};
40
-
border-bottom: 1px solid {$thinblueborder};
37
+
background: {$hoverblue};
41
38
text-decoration: none;
42
39
}
43
40
+20
-32
webroot/rsrc/css/application/conpherence/notification.css
+20
-32
webroot/rsrc/css/application/conpherence/notification.css
···
9
9
10
10
.phabricator-notification .conpherence-menu-item-view {
11
11
display: block;
12
-
height: 55px;
12
+
height: 46px;
13
13
overflow: hidden;
14
14
position: relative;
15
15
text-decoration: none;
···
20
20
21
21
.phabricator-notification .conpherence-menu-item-view
22
22
.conpherence-menu-item-image {
23
-
top: 6px;
24
-
left: 6px;
23
+
top: 8px;
24
+
left: 8px;
25
25
display: block;
26
26
position: absolute;
27
-
width: 35px;
28
-
height: 35px;
29
-
background-size: 35px;
30
-
border: 4px solid #e7e7e7;
31
-
border-radius: 3px;
27
+
width: 30px;
28
+
height: 30px;
29
+
background-size: 30px;
32
30
}
33
31
34
32
.phabricator-notification .conpherence-menu-item-view
35
33
.conpherence-menu-item-title {
36
34
display: block;
37
-
margin-top: 12px;
38
-
margin-left: 58px;
35
+
margin-top: 8px;
36
+
margin-left: 46px;
39
37
text-align: left;
40
38
font-weight: bold;
41
39
font-size: 13px;
42
-
color: #333;
40
+
color: {$darkgreytext};
41
+
width: 280px;
42
+
text-overflow: ellipsis;
43
+
white-space: nowrap;
43
44
overflow: hidden;
44
-
width: 220px;
45
-
text-overflow: ellipsis;
46
45
}
47
46
48
47
.phabricator-notification .conpherence-menu-item-view
49
48
.conpherence-menu-item-subtitle {
50
49
display: block;
51
-
color: #a1a5a9;
50
+
color: {$lightgreytext};
52
51
font-size: 11px;
53
52
margin-top: 2px;
54
-
margin-left: 58px;
55
-
font-style: italic;
53
+
margin-left: 46px;
56
54
}
57
55
58
56
.phabricator-notification .conpherence-menu-item-view
59
57
.conpherence-menu-item-unread-count {
60
58
position: absolute;
61
-
left: 35px;
62
-
top: 3px;
63
-
background: {$red};
64
-
border-radius: 10px;
65
-
color: #FFF;
66
-
font-weight: bold;
67
-
padding: 1px 5px 2px;
68
-
border: 1px solid #333;
69
-
font-size: 11px;
70
-
}
71
-
72
-
.phabricator-notification .conpherence-menu-item-view
73
-
.conpherence-menu-item-date {
74
-
position: absolute;
59
+
right: 8px;
75
60
top: 15px;
76
-
right: 16px;
77
-
color: #a1a5a9;
61
+
background: {$blue};
62
+
border-radius: 2px;
63
+
color: #fff;
64
+
font-weight: bold;
65
+
padding: 0 5px 1px;
78
66
font-size: 11px;
79
67
}