@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
Add a Read More link to PHUIDocumentSummaryView
Summary: Currently it's difficult to notice posts may be much longer than the summary (in most cases, actually), Adds a consistent "Read More" link to the full post. Also made sure "violet" was more consistantly used.
Test Plan:
Review summaries in Phame
{F1031799}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D14827
+35
-8
+4
-4
resources/celerity/map.php
+4
-4
resources/celerity/map.php
···
82
82
'rsrc/css/application/owners/owners-path-editor.css' => '2f00933b',
83
83
'rsrc/css/application/paste/paste.css' => 'a5157c48',
84
84
'rsrc/css/application/people/people-profile.css' => '25970776',
85
-
'rsrc/css/application/phame/phame.css' => '164515da',
85
+
'rsrc/css/application/phame/phame.css' => '09a39e8d',
86
86
'rsrc/css/application/pholio/pholio-edit.css' => '3ad9d1ee',
87
87
'rsrc/css/application/pholio/pholio-inline-comments.css' => '8e545e49',
88
88
'rsrc/css/application/pholio/pholio.css' => '95174bdd',
···
127
127
'rsrc/css/phui/phui-button.css' => '16020a60',
128
128
'rsrc/css/phui/phui-crumbs-view.css' => '414406b5',
129
129
'rsrc/css/phui/phui-document-pro.css' => 'e0fad431',
130
-
'rsrc/css/phui/phui-document-summary.css' => '8c1e0aca',
130
+
'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf',
131
131
'rsrc/css/phui/phui-document.css' => 'a4a1c3b9',
132
132
'rsrc/css/phui/phui-feed-story.css' => 'b7b26d23',
133
133
'rsrc/css/phui/phui-fontkit.css' => '9cda225e',
···
780
780
'phabricator-uiexample-reactor-sendclass' => '1def2711',
781
781
'phabricator-uiexample-reactor-sendproperties' => 'b1f0ccee',
782
782
'phabricator-zindex-css' => '57ddcaa2',
783
-
'phame-css' => '164515da',
783
+
'phame-css' => '09a39e8d',
784
784
'pholio-css' => '95174bdd',
785
785
'pholio-edit-css' => '3ad9d1ee',
786
786
'pholio-inline-comments-css' => '8e545e49',
···
798
798
'phui-calendar-list-css' => 'c1c7f338',
799
799
'phui-calendar-month-css' => '476be7e0',
800
800
'phui-crumbs-view-css' => '414406b5',
801
-
'phui-document-summary-view-css' => '8c1e0aca',
801
+
'phui-document-summary-view-css' => '9ca48bdf',
802
802
'phui-document-view-css' => 'a4a1c3b9',
803
803
'phui-document-view-pro-css' => 'e0fad431',
804
804
'phui-feed-story-css' => 'b7b26d23',
+9
-1
src/view/phui/PHUIDocumentSummaryView.php
+9
-1
src/view/phui/PHUIDocumentSummaryView.php
···
90
90
),
91
91
$this->summary);
92
92
93
-
return array($header, $subtitle, $body);
93
+
$read_more = phutil_tag(
94
+
'a',
95
+
array(
96
+
'class' => 'phui-document-read-more',
97
+
'href' => $this->href,
98
+
),
99
+
pht('Read more...'));
100
+
101
+
return array($header, $subtitle, $body, $read_more);
94
102
}
95
103
96
104
}
+3
-3
webroot/rsrc/css/application/phame/phame.css
+3
-3
webroot/rsrc/css/application/phame/phame.css
···
85
85
}
86
86
87
87
.phame-blog-list-title:hover {
88
-
color: {$indigo};
88
+
color: {$violet};
89
89
text-decoration: none;
90
90
}
91
91
···
120
120
}
121
121
122
122
.phame-blog-list-new-post:hover {
123
-
color: {$indigo};
123
+
color: {$violet};
124
124
text-decoration: none;
125
125
}
126
126
127
127
.phame-blog-list-new-post:hover .phame-blog-list-icon {
128
-
color: {$indigo};
128
+
color: {$violet};
129
129
}
130
130
131
131
.phame-blog-list-icon {
+19
webroot/rsrc/css/phui/phui-document-summary.css
+19
webroot/rsrc/css/phui/phui-document-summary.css
···
25
25
text-decoration: none;
26
26
}
27
27
28
+
.phui-document-view .phui-document-summary-body div.phabricator-remarkup {
29
+
padding-bottom: 4px;
30
+
}
31
+
32
+
a.phui-document-read-more {
33
+
color: {$lightgreytext};
34
+
font-size: {$smallerfontsize};
35
+
display: block;
36
+
padding-bottom: 12px;
37
+
}
38
+
39
+
a.phui-document-read-more:hover {
40
+
color: {$violet};
41
+
}
42
+
28
43
.phui-document-summary-subtitle {
29
44
color: {$lightgreytext};
30
45
font-size: {$normalfontsize};
···
33
48
.phui-document-summary-subtitle a {
34
49
color: {$darkbluetext};
35
50
}
51
+
52
+
.phui-document-summary-subtitle a:hover {
53
+
color: {$violet};
54
+
}