@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 more color/CSS to phui-icon-selector
Summary: Fixes T12205. These got over-ridden at a global scale (correctly) and need to adjust local scopes better. Also make it more bluer.
Test Plan: Go to Edit Dashboard, and pick a new icon for a Dashboard.
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Maniphest Tasks: T12205
Differential Revision: https://secure.phabricator.com/D17312
+19
-6
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
151
151
'rsrc/css/phui/phui-head-thing.css' => 'fd311e5f',
152
152
'rsrc/css/phui/phui-header-view.css' => '92935c02',
153
153
'rsrc/css/phui/phui-hovercard.css' => 'e904f5dc',
154
-
'rsrc/css/phui/phui-icon-set-selector.css' => '1ab67aad',
154
+
'rsrc/css/phui/phui-icon-set-selector.css' => '87db8fee',
155
155
'rsrc/css/phui/phui-icon.css' => '09f46dd9',
156
156
'rsrc/css/phui/phui-image-mask.css' => 'a8498f9c',
157
157
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
···
864
864
'phui-header-view-css' => '92935c02',
865
865
'phui-hovercard' => '1bd28176',
866
866
'phui-hovercard-view-css' => 'e904f5dc',
867
-
'phui-icon-set-selector-css' => '1ab67aad',
867
+
'phui-icon-set-selector-css' => '87db8fee',
868
868
'phui-icon-view-css' => '09f46dd9',
869
869
'phui-image-mask-css' => 'a8498f9c',
870
870
'phui-info-panel-css' => '27ea50a1',
+17
-4
webroot/rsrc/css/phui/phui-icon-set-selector.css
+17
-4
webroot/rsrc/css/phui/phui-icon-set-selector.css
···
3
3
*/
4
4
5
5
button.icon-button {
6
-
background: #f7f7f7;
7
-
border: 1px solid {$lightblueborder};
6
+
background-color: #F7F7F9;
7
+
background-image: linear-gradient(to bottom, #ffffff, #f1f0f1);
8
+
border: 1px solid rgba({$alphablue},.2);
9
+
color: {$darkgreytext};
8
10
position: relative;
9
11
width: 16px;
10
12
height: 16px;
···
15
17
box-sizing: content-box;
16
18
}
17
19
20
+
button.icon-button:hover {
21
+
border: 1px solid rgba({$alphablue},.5);
22
+
}
23
+
24
+
button.icon-button .phui-icon-view {
25
+
color: {$darkbluetext};
26
+
}
27
+
18
28
.icon-grid {
19
29
text-align: center;
20
30
}
···
24
34
}
25
35
26
36
button.icon-button.selected {
27
-
background: {$bluebackground};
28
-
border: 1px solid {$blueborder};
37
+
border: 1px solid {$sky};
38
+
}
39
+
40
+
button.icon-button.selected .phui-icon-view {
41
+
color: {$sky};
29
42
}