@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
Make it more visually clear that you can click things in the "Big List of Clickable Things" UI element
Summary:
Ref T13259. An install provided feedback that it wasn't obvious you could click the buttons in this UI.
Make it more clear that these are clickable buttons.
Test Plan:
{F6251585}
{F6251586}
Reviewers: amckinley
Reviewed By: amckinley
Maniphest Tasks: T13259
Differential Revision: https://secure.phabricator.com/D20238
+29
-9
+6
-6
resources/celerity/map.php
+6
-6
resources/celerity/map.php
···
9
9
'names' => array(
10
10
'conpherence.pkg.css' => '3c8a0668',
11
11
'conpherence.pkg.js' => '020aebcf',
12
-
'core.pkg.css' => 'e3c1a8f2',
12
+
'core.pkg.css' => '34ce1741',
13
13
'core.pkg.js' => '2cda17a4',
14
14
'differential.pkg.css' => 'ab23bd75',
15
15
'differential.pkg.js' => '67e02996',
···
127
127
'rsrc/css/phui/calendar/phui-calendar-list.css' => 'ccd7e4e2',
128
128
'rsrc/css/phui/calendar/phui-calendar-month.css' => 'cb758c42',
129
129
'rsrc/css/phui/calendar/phui-calendar.css' => 'f11073aa',
130
-
'rsrc/css/phui/object-item/phui-oi-big-ui.css' => '9e037c7a',
130
+
'rsrc/css/phui/object-item/phui-oi-big-ui.css' => '534f1757',
131
131
'rsrc/css/phui/object-item/phui-oi-color.css' => 'b517bfa0',
132
132
'rsrc/css/phui/object-item/phui-oi-drag-ui.css' => 'da15d3dc',
133
133
'rsrc/css/phui/object-item/phui-oi-flush-ui.css' => '490e2e2e',
···
834
834
'phui-lightbox-css' => '4ebf22da',
835
835
'phui-list-view-css' => '470b1adb',
836
836
'phui-object-box-css' => 'f434b6be',
837
-
'phui-oi-big-ui-css' => '9e037c7a',
837
+
'phui-oi-big-ui-css' => '534f1757',
838
838
'phui-oi-color-css' => 'b517bfa0',
839
839
'phui-oi-drag-ui-css' => 'da15d3dc',
840
840
'phui-oi-flush-ui-css' => '490e2e2e',
···
1345
1345
'javelin-dom',
1346
1346
'javelin-fx',
1347
1347
),
1348
+
'534f1757' => array(
1349
+
'phui-oi-list-view-css',
1350
+
),
1348
1351
'541f81c3' => array(
1349
1352
'javelin-install',
1350
1353
),
···
1720
1723
'javelin-dom',
1721
1724
'javelin-uri',
1722
1725
'phabricator-textareautils',
1723
-
),
1724
-
'9e037c7a' => array(
1725
-
'phui-oi-list-view-css',
1726
1726
),
1727
1727
'9f081f05' => array(
1728
1728
'javelin-behavior',
+23
-3
webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css
+23
-3
webroot/rsrc/css/phui/object-item/phui-oi-big-ui.css
···
13
13
}
14
14
15
15
.phui-oi-list-big .phui-oi-image-icon {
16
-
margin: 8px 2px 12px;
16
+
margin: 12px 2px 12px;
17
+
text-align: center;
18
+
}
19
+
20
+
.phui-oi-list-big .phui-oi-image-icon .phui-icon-view {
21
+
position: relative;
17
22
}
18
23
19
24
.phui-oi-list-big a.phui-oi-link {
···
31
36
}
32
37
33
38
.device-desktop .phui-oi-list-big .phui-oi {
34
-
margin-bottom: 4px;
39
+
margin-bottom: 8px;
35
40
}
36
41
37
42
.phui-oi-list-big .phui-oi-col0 {
···
60
65
border-radius: 3px;
61
66
}
62
67
68
+
.phui-oi-list-big .phui-oi-frame {
69
+
padding: 2px 8px;
70
+
}
71
+
72
+
.phui-oi-list-big .phui-oi-linked-container {
73
+
border: 1px solid {$lightblueborder};
74
+
border-radius: 4px;
75
+
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.035);
76
+
}
77
+
78
+
.phui-oi-list-big .phui-oi-disabled {
79
+
border-radius: 4px;
80
+
background: {$lightgreybackground};
81
+
}
82
+
63
83
.device-desktop .phui-oi-linked-container {
64
84
cursor: pointer;
65
85
}
66
86
67
87
.device-desktop .phui-oi-linked-container:hover {
68
88
background-color: {$hoverblue};
69
-
border-radius: 3px;
89
+
border-color: {$blueborder};
70
90
}
71
91
72
92
.device-desktop .phui-oi-linked-container a:hover {