@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
Update PholioMockView Styles.
Summary: Less janky sidebar, new 'photoshop-like' texture for image background.
Test Plan: Tested mocks with and without side comments, hover over marked squares. Tested small and large images.
Reviewers: epriestley
Reviewed By: epriestley
CC: aran, Korvin
Differential Revision: https://secure.phabricator.com/D5216
+20
-12
+8
-1
src/__celerity_resource_map__.php
+8
-1
src/__celerity_resource_map__.php
···
560
560
'disk' => '/rsrc/image/texture/dust_background.jpg',
561
561
'type' => 'jpg',
562
562
),
563
+
'/rsrc/image/texture/pholio-background.gif' =>
564
+
array(
565
+
'hash' => 'cf4561af116edf393dc583e5119fb412',
566
+
'uri' => '/res/cf4561af/rsrc/image/texture/pholio-background.gif',
567
+
'disk' => '/rsrc/image/texture/pholio-background.gif',
568
+
'type' => 'gif',
569
+
),
563
570
'/rsrc/image/texture/table_header.png' =>
564
571
array(
565
572
'hash' => '4ed3f56a30d3749e8f62052b9735a316',
···
3229
3236
),
3230
3237
'pholio-css' =>
3231
3238
array(
3232
-
'uri' => '/res/08c8c85a/rsrc/css/application/pholio/pholio.css',
3239
+
'uri' => '/res/5bbb9e67/rsrc/css/application/pholio/pholio.css',
3233
3240
'type' => 'css',
3234
3241
'requires' =>
3235
3242
array(
+12
-11
webroot/rsrc/css/application/pholio/pholio.css
+12
-11
webroot/rsrc/css/application/pholio/pholio.css
···
6
6
text-align: center;
7
7
vertical-align: middle;
8
8
position: relative;
9
+
background: url('/rsrc/image/texture/pholio-background.gif');
9
10
}
10
11
11
12
.pholio-mock-carousel {
12
-
background-color: #202020;
13
+
background-color: #282828;
13
14
text-align: center;
14
15
border-top: 1px solid #101010;
15
16
margin-right: 320px;
···
22
23
height: 140px;
23
24
padding: 5px;
24
25
margin: 3px;
25
-
background: #282828;
26
+
background: #181818;
26
27
vertical-align: middle;
27
28
border: 1px solid #383838;
28
29
position: relative;
···
80
81
bottom: 0;
81
82
right: 0;
82
83
padding: 10px;
83
-
background: #eeedf0;
84
+
background: #282828;
84
85
overflow-x: auto;
85
86
text-align: left;
86
-
box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
87
87
}
88
88
89
89
.pholio-inline-comment {
90
-
border: 1px solid #f7f7f7;
91
-
border-bottom: 1px solid #d6d6d6;
92
-
background: #fff;
90
+
border: 1px solid #333;
91
+
border-bottom: 1px solid #555;
92
+
background: #353535;
93
93
margin: 0 0 5px 0;
94
94
padding: 8px 10px;
95
+
color: #ccc;
95
96
}
96
97
97
98
.pholio-inline-comment-header {
98
-
color: #333;
99
-
border-bottom: 1px solid #d7d7d7;
99
+
color: #fff;
100
+
border-bottom: 1px solid #555;
100
101
font-weight: bold;
101
102
padding-bottom: 6px;
102
103
margin-bottom: 4px;
103
104
}
104
105
105
106
.pholio-mock-inline-comment-highlight {
106
-
background-color: #e0e3ec;
107
-
border-color: #cacdd5;
107
+
background-color: #222;
108
+
border-color: #555;
108
109
}
109
110
110
111
.pholio-inline-head-links a {
webroot/rsrc/image/texture/pholio-background.gif
webroot/rsrc/image/texture/pholio-background.gif
This is a binary file and will not be displayed.