@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
Tidy up Workboard CSS a little
Summary:
- Custom scrollbars, colors
- New div with some better padding (floor for the column)
- More consistent spacing around the board itself.
- Slightly darker columns
- Smaller horizonal scrollbar
Test Plan:
Chrome Mac / Desktop.
{F1100342}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D15217
+46
-21
+9
-9
resources/celerity/map.php
+9
-9
resources/celerity/map.php
···
154
154
'rsrc/css/phui/phui-tag-view.css' => '9d5d4400',
155
155
'rsrc/css/phui/phui-timeline-view.css' => '2efceff8',
156
156
'rsrc/css/phui/phui-two-column-view.css' => 'c75bfc5b',
157
-
'rsrc/css/phui/workboards/phui-workboard.css' => '2b5367d2',
158
-
'rsrc/css/phui/workboards/phui-workcard.css' => 'a869098a',
159
-
'rsrc/css/phui/workboards/phui-workpanel.css' => 'e1bd8d04',
157
+
'rsrc/css/phui/workboards/phui-workboard.css' => '0047084f',
158
+
'rsrc/css/phui/workboards/phui-workcard.css' => '3646fb96',
159
+
'rsrc/css/phui/workboards/phui-workpanel.css' => 'a78c0661',
160
160
'rsrc/css/sprite-login.css' => '60e8560e',
161
161
'rsrc/css/sprite-menu.css' => '9dd65b92',
162
162
'rsrc/css/sprite-tokens.css' => '4f399012',
···
831
831
'phui-theme-css' => 'ab7b848c',
832
832
'phui-timeline-view-css' => '2efceff8',
833
833
'phui-two-column-view-css' => 'c75bfc5b',
834
-
'phui-workboard-view-css' => '2b5367d2',
835
-
'phui-workcard-view-css' => 'a869098a',
836
-
'phui-workpanel-view-css' => 'e1bd8d04',
834
+
'phui-workboard-view-css' => '0047084f',
835
+
'phui-workcard-view-css' => '3646fb96',
836
+
'phui-workpanel-view-css' => 'a78c0661',
837
837
'phuix-action-list-view' => 'b5c256b8',
838
838
'phuix-action-view' => '8cf6d262',
839
839
'phuix-autocomplete' => '9196fb06',
···
1631
1631
'javelin-uri',
1632
1632
'phabricator-notification',
1633
1633
),
1634
+
'a78c0661' => array(
1635
+
'phui-workcard-view-css',
1636
+
),
1634
1637
'a80d0378' => array(
1635
1638
'javelin-behavior',
1636
1639
'javelin-stratcom',
···
1918
1921
'javelin-behavior',
1919
1922
'javelin-dom',
1920
1923
'phabricator-prefab',
1921
-
),
1922
-
'e1bd8d04' => array(
1923
-
'phui-workcard-view-css',
1924
1924
),
1925
1925
'e1d25dfb' => array(
1926
1926
'javelin-behavior',
+3
-1
src/view/phui/PHUIWorkpanelView.php
+3
-1
src/view/phui/PHUIWorkpanelView.php
···
103
103
$body = phutil_tag(
104
104
'div',
105
105
array(
106
-
'class' => 'phui-workpanel-body',
106
+
'class' => 'phui-workpanel-body-content',
107
107
),
108
108
$this->cards);
109
+
110
+
$body = phutil_tag_div('phui-workpanel-body', $body);
109
111
110
112
$view = id(new PHUIBoxView())
111
113
->setColor(PHUIBoxView::GREY)
+2
-8
webroot/rsrc/css/phui/workboards/phui-workboard.css
+2
-8
webroot/rsrc/css/phui/workboards/phui-workboard.css
···
35
35
}
36
36
37
37
.phui-workboard-view-shadow::-webkit-scrollbar {
38
-
height: 12px;
39
-
width: 12px;
38
+
height: 8px;
39
+
width: 8px;
40
40
background: rgba(200,200,200,.6);
41
41
}
42
42
···
70
70
71
71
.device .project-board-wrapper {
72
72
margin: 16px;
73
-
}
74
-
75
-
.device-desktop .phui-workpanel-body {
76
-
max-height: calc(100vh - 170px);
77
-
overflow-y: scroll;
78
-
overflow-x: hidden;
79
73
}
80
74
81
75
.device-desktop .phui-workboard-view .aphront-multi-column-view {
+4
webroot/rsrc/css/phui/workboards/phui-workcard.css
+4
webroot/rsrc/css/phui/workboards/phui-workcard.css
+28
-3
webroot/rsrc/css/phui/workboards/phui-workpanel.css
+28
-3
webroot/rsrc/css/phui/workboards/phui-workpanel.css
···
35
35
user-select: none;
36
36
}
37
37
38
+
.phui-workpanel-view .phui-box-grey {
39
+
background-color: rgba(71,87,120,0.1);
40
+
}
41
+
38
42
.phui-workpanel-view.phui-workboard-column-milestone .phui-box-grey {
39
-
background-color: rgba(234, 230, 247, 0.75);
43
+
background-color: rgba(234, 230, 247, 0.85);
40
44
}
41
45
42
46
.phui-workpanel-view .phui-header-col2 .phui-icon-view {
···
46
50
.phui-workpanel-view .phui-workpanel-header-action {
47
51
float: right;
48
52
width: 24px;
49
-
border-left: 1px solid #b3b5b6;
50
53
}
51
54
52
55
.phui-workpanel-view .phui-workpanel-body {
53
-
padding: 8px 8px 4px 8px;
56
+
padding: 8px 4px 8px 0;
57
+
}
58
+
59
+
.phui-workpanel-view .phui-workpanel-body-content {
60
+
padding: 0 4px 0 8px;
54
61
}
55
62
56
63
.device .phui-workpanel-view .phui-workpanel-body {
···
87
94
88
95
.project-panel-hidden {
89
96
opacity: 0.75;
97
+
}
98
+
99
+
.device-desktop .phui-workpanel-body-content {
100
+
max-height: calc(100vh - 162px);
101
+
overflow-y: auto;
102
+
overflow-x: hidden;
103
+
}
104
+
105
+
.device-desktop .phui-workpanel-body-content::-webkit-scrollbar {
106
+
height: 8px;
107
+
width: 8px;
108
+
background: rgba(71,87,120,0.2);
109
+
border-radius: 4px;
110
+
}
111
+
112
+
.device-desktop .phui-workpanel-body-content::-webkit-scrollbar-thumb {
113
+
background: rgba(71,87,120,0.4);
114
+
border-radius: 4px;
90
115
}
91
116
92
117
.project-panel-empty .phui-object-item-list-view {