@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 Paste UI
Summary: Ref T8099, Adds a bit more color/contract to Paste.
Test Plan: Review a list of Pastes, embedded Pastes, and the main Paste UI.
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D13083
+22
-16
+4
-4
resources/celerity/map.php
+4
-4
resources/celerity/map.php
···
81
81
'rsrc/css/application/maniphest/task-summary.css' => '11cc5344',
82
82
'rsrc/css/application/objectselector/object-selector.css' => '029a133d',
83
83
'rsrc/css/application/owners/owners-path-editor.css' => '2f00933b',
84
-
'rsrc/css/application/paste/paste.css' => 'eb997ddd',
84
+
'rsrc/css/application/paste/paste.css' => '1898e534',
85
85
'rsrc/css/application/people/people-profile.css' => '25970776',
86
86
'rsrc/css/application/phame/phame.css' => '88bd4705',
87
87
'rsrc/css/application/pholio/pholio-edit.css' => '3ad9d1ee',
···
119
119
'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82',
120
120
'rsrc/css/layout/phabricator-hovercard-view.css' => '0d665853',
121
121
'rsrc/css/layout/phabricator-side-menu-view.css' => '4f2cd343',
122
-
'rsrc/css/layout/phabricator-source-code-view.css' => '2ceee894',
122
+
'rsrc/css/layout/phabricator-source-code-view.css' => '098e9b75',
123
123
'rsrc/css/phui/calendar/phui-calendar-day.css' => 'd1cf6f93',
124
124
'rsrc/css/phui/calendar/phui-calendar-list.css' => 'c1c7f338',
125
125
'rsrc/css/phui/calendar/phui-calendar-month.css' => '476be7e0',
···
693
693
'multirow-row-manager' => 'b5d57730',
694
694
'owners-path-editor' => 'aa1733d0',
695
695
'owners-path-editor-css' => '2f00933b',
696
-
'paste-css' => 'eb997ddd',
696
+
'paste-css' => '1898e534',
697
697
'path-typeahead' => 'f7fc67ec',
698
698
'people-profile-css' => '25970776',
699
699
'phabricator-action-list-view-css' => '32c388b3',
···
729
729
'phabricator-shaped-request' => '7cbe244b',
730
730
'phabricator-side-menu-view-css' => '4f2cd343',
731
731
'phabricator-slowvote-css' => '266df6a1',
732
-
'phabricator-source-code-view-css' => '2ceee894',
732
+
'phabricator-source-code-view-css' => '098e9b75',
733
733
'phabricator-standard-page-view' => '43045fb4',
734
734
'phabricator-textareautils' => '5c93c52c',
735
735
'phabricator-title' => 'df5e11d2',
-1
src/applications/paste/controller/PhabricatorPasteViewController.php
-1
src/applications/paste/controller/PhabricatorPasteViewController.php
+9
-5
webroot/rsrc/css/application/paste/paste.css
+9
-5
webroot/rsrc/css/application/paste/paste.css
···
3
3
*/
4
4
5
5
.paste-embed {
6
-
background: {$lightbluebackground};
7
-
border: 1px solid {$lightblueborder};
8
-
border-bottom: 1px solid {$blueborder};
6
+
background: {$sh-yellowbackground};
7
+
border: 1px solid {$sh-lightyellowborder};
8
+
border-radius: 3px;
9
+
}
10
+
11
+
.paste-embed .phabricator-source-code-container {
12
+
border: none;
9
13
}
10
14
11
15
.paste-embed-head {
12
-
border-bottom: 1px solid {$thinblueborder};
13
-
padding: 6px 10px;
16
+
border-bottom: 1px solid {$sh-lightyellowborder};
17
+
padding: 8px 12px;
14
18
}
15
19
16
20
.paste-embed-head a {
+9
-6
webroot/rsrc/css/layout/phabricator-source-code-view.css
+9
-6
webroot/rsrc/css/layout/phabricator-source-code-view.css
···
3
3
*/
4
4
5
5
.phabricator-source-code-container {
6
-
background: #ffffff;
6
+
background: #fff;
7
7
overflow-x: auto;
8
8
overflow-y: hidden;
9
+
border: 1px solid {$sh-lightyellowborder};
10
+
border-radius: 3px;
9
11
}
10
12
11
13
.phui-object-item .phabricator-source-code-container {
12
14
margin-left: 8px;
13
-
border: 1px solid #d7d7d7;
14
15
}
15
16
16
17
.phabricator-source-code-view tr:first-child * {
···
28
29
}
29
30
30
31
.phabricator-source-line {
32
+
background-color: {$sh-yellowbackground};
31
33
text-align: right;
32
34
padding: 2px 6px 1px 12px;
33
-
border-right: 1px solid {$thinblueborder};
34
-
color: {$darkbluetext};
35
+
border-right: 1px solid {$sh-lightyellowborder};
36
+
color: {$sh-yellowtext};
35
37
36
38
/* When the user selects rows of source, don't visibly select the line
37
39
numbers beside them. We use JS to strip the line numbers out when the user
···
48
50
}
49
51
50
52
th.phabricator-source-line:hover {
51
-
background-color: {$greybackground};
53
+
background: {$sh-lightyellowborder};
54
+
cursor: pointer;
52
55
}
53
56
54
57
.phabricator-source-highlight {
55
-
background: {$lightyellow};
58
+
background: {$sh-yellowbackground};
56
59
}
57
60
58
61
.phabricator-source-code-summary {