@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
Clean up some Conpherence header CSS
Summary: Darkens the topic, adds fun colors to action icons.
Test Plan: Hover over new action icons. See darker topic text.
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D16556
+39
-19
+6
-6
resources/celerity/map.php
+6
-6
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'conpherence.pkg.css' => '7bddd31a',
10
+
'conpherence.pkg.css' => 'a9b238ee',
11
11
'conpherence.pkg.js' => '5fafd1ff',
12
-
'core.pkg.css' => 'dc6d08e3',
12
+
'core.pkg.css' => 'ee276281',
13
13
'core.pkg.js' => '1d376fa9',
14
14
'darkconsole.pkg.js' => 'e7393ebb',
15
15
'differential.pkg.css' => '3fb7f532',
···
47
47
'rsrc/css/application/config/setup-issue.css' => 'f794cfc3',
48
48
'rsrc/css/application/config/unhandled-exception.css' => '4c96257a',
49
49
'rsrc/css/application/conpherence/durable-column.css' => '194ac487',
50
-
'rsrc/css/application/conpherence/header-pane.css' => 'bdba8a5b',
50
+
'rsrc/css/application/conpherence/header-pane.css' => '517de9fe',
51
51
'rsrc/css/application/conpherence/menu.css' => '8344d122',
52
52
'rsrc/css/application/conpherence/message-pane.css' => 'c075e8fe',
53
53
'rsrc/css/application/conpherence/notification.css' => '6cdcc253',
···
144
144
'rsrc/css/phui/phui-header-view.css' => '06385974',
145
145
'rsrc/css/phui/phui-hovercard.css' => 'de1a2119',
146
146
'rsrc/css/phui/phui-icon-set-selector.css' => '1ab67aad',
147
-
'rsrc/css/phui/phui-icon.css' => 'b1dbd620',
147
+
'rsrc/css/phui/phui-icon.css' => '9bab6f02',
148
148
'rsrc/css/phui/phui-image-mask.css' => 'a8498f9c',
149
149
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
150
150
'rsrc/css/phui/phui-info-view.css' => '28efab79',
···
619
619
'config-options-css' => '0ede4c9b',
620
620
'config-page-css' => '8798e14f',
621
621
'conpherence-durable-column-view' => '194ac487',
622
-
'conpherence-header-pane-css' => 'bdba8a5b',
622
+
'conpherence-header-pane-css' => '517de9fe',
623
623
'conpherence-menu-css' => '8344d122',
624
624
'conpherence-message-pane-css' => 'c075e8fe',
625
625
'conpherence-notification-css' => '6cdcc253',
···
921
921
'phui-hovercard' => '1bd28176',
922
922
'phui-hovercard-view-css' => 'de1a2119',
923
923
'phui-icon-set-selector-css' => '1ab67aad',
924
-
'phui-icon-view-css' => 'b1dbd620',
924
+
'phui-icon-view-css' => '9bab6f02',
925
925
'phui-image-mask-css' => 'a8498f9c',
926
926
'phui-info-panel-css' => '27ea50a1',
927
927
'phui-info-view-css' => '28efab79',
+2
src/applications/conpherence/controller/ConpherenceController.php
+2
src/applications/conpherence/controller/ConpherenceController.php
···
72
72
$this->getApplicationURI('update/'.$conpherence->getID()).'/')
73
73
->setIcon('fa-pencil')
74
74
->addClass('hide-on-device')
75
+
->setColor('violet')
75
76
->setWorkflow(true));
76
77
77
78
$header->addActionItem(
···
81
82
'?action='.ConpherenceUpdateActions::NOTIFICATIONS)
82
83
->setIcon('fa-gear')
83
84
->addClass('hide-on-device')
85
+
->setColor('pink')
84
86
->setWorkflow(true));
85
87
86
88
$widget_key = PhabricatorConpherenceWidgetVisibleSetting::SETTINGKEY;
+4
-3
src/view/phui/PHUIIconCircleView.php
+4
-3
src/view/phui/PHUIIconCircleView.php
···
45
45
$classes[] = 'phui-icon-circle';
46
46
47
47
if ($this->color) {
48
-
$classes[] = 'phui-icon-circle-'.$this->color;
48
+
$classes[] = 'hover-'.$this->color;
49
+
} else {
50
+
$classes[] = 'hover-sky';
49
51
}
50
52
51
53
if ($this->size) {
···
60
62
61
63
protected function getTagContent() {
62
64
return id(new PHUIIconView())
63
-
->setIcon($this->icon)
64
-
->addClass($this->color);
65
+
->setIcon($this->icon);
65
66
}
66
67
67
68
}
+5
-8
webroot/rsrc/css/application/conpherence/header-pane.css
+5
-8
webroot/rsrc/css/application/conpherence/header-pane.css
···
17
17
}
18
18
19
19
.conpherence-header-pane .phui-header-subheader {
20
-
color: {$lightgreyborder};
20
+
color: {$lightgreytext};
21
21
padding: 0;
22
22
font-size: 12px;
23
23
margin: 0;
···
44
44
vertical-align: middle;
45
45
}
46
46
47
-
.conpherence-header-pane .conpherence-participant-toggle.phui-icon-circle {
47
+
.conpherence-participant-toggle.phui-icon-circle {
48
48
text-decoration: none;
49
49
border-color: {$sky};
50
50
cursor: pointer;
51
51
}
52
52
53
-
.conpherence-header-pane .conpherence-participant-toggle.phui-icon-circle
54
-
.phui-icon-view {
53
+
.conpherence-participant-toggle.phui-icon-circle .phui-icon-view {
55
54
color: {$sky};
56
55
}
57
56
58
-
.hide-widgets .conpherence-header-pane
59
-
.conpherence-participant-toggle.phui-icon-circle {
57
+
.hide-widgets .conpherence-participant-toggle.phui-icon-circle {
60
58
text-decoration: none;
61
59
border-color: {$lightblueborder};
62
60
cursor: pointer;
63
61
}
64
62
65
-
.hide-widgets .conpherence-header-pane
66
-
.conpherence-participant-toggle.phui-icon-circle .phui-icon-view {
63
+
.hide-widgets .conpherence-participant-toggle.phui-icon-circle .phui-icon-view {
67
64
color: {$lightblueborder};
68
65
}
+22
-2
webroot/rsrc/css/phui/phui-icon.css
+22
-2
webroot/rsrc/css/phui/phui-icon.css
···
71
71
line-height: 36px;
72
72
}
73
73
74
-
a.phui-icon-circle:hover {
74
+
a.phui-icon-circle.hover-sky:hover {
75
75
text-decoration: none;
76
76
border-color: {$sky};
77
77
cursor: pointer;
78
78
}
79
79
80
-
a.phui-icon-circle:hover .phui-icon-view {
80
+
a.phui-icon-circle.hover-sky:hover .phui-icon-view {
81
81
color: {$sky};
82
+
}
83
+
84
+
a.phui-icon-circle.hover-violet:hover {
85
+
text-decoration: none;
86
+
border-color: {$violet};
87
+
cursor: pointer;
88
+
}
89
+
90
+
a.phui-icon-circle.hover-violet:hover .phui-icon-view {
91
+
color: {$violet};
92
+
}
93
+
94
+
a.phui-icon-circle.hover-pink:hover {
95
+
text-decoration: none;
96
+
border-color: {$pink};
97
+
cursor: pointer;
98
+
}
99
+
100
+
a.phui-icon-circle.hover-pink:hover .phui-icon-view {
101
+
color: {$pink};
82
102
}
83
103
84
104
/* - Icon in a Square ------------------------------------------------------- */