@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
Remove workboard shadow, slightly nicer mobile view
Summary: Going to remove the workboard shadow area to keep the design less complex visually, shrink icons on mobile view
Test Plan: test uiexamples for new layout changes
Reviewers: epriestley
Reviewed By: epriestley
CC: Korvin, epriestley, aran
Differential Revision: https://secure.phabricator.com/D7516
+22
-24
+1
-1
src/__celerity_resource_map__.php
+1
-1
src/__celerity_resource_map__.php
+21
-23
webroot/rsrc/css/phui/phui-workboard-view.css
+21
-23
webroot/rsrc/css/phui/phui-workboard-view.css
···
7
7
}
8
8
9
9
.phui-workboard-view-shadow {
10
-
padding: 8px;
11
-
min-height: 120px;
12
10
overflow-x: auto;
13
-
border-radius: 5px;
14
-
background: rgba(150,150,150,.1);
15
-
box-shadow: inset 0 0 5px rgba(0,0,0,.5);
11
+
padding-bottom: 8px;
16
12
}
17
13
18
14
.phui-workboard-view-shadow::-webkit-scrollbar {
···
28
24
width: 60px;
29
25
float: left;
30
26
min-height: 60px;
31
-
border-top-left-radius: 5px;
32
-
border-bottom-left-radius: 5px;
33
-
margin-top: 40px;
34
-
background: rgba(150,150,150,.2);
35
-
}
36
-
37
-
.device-phone .phui-workboard-view-shadow {
38
-
background: none;
39
-
box-shadow: none;
40
-
padding: 0;
41
-
margin: 0 auto;
42
-
width: 100%;
27
+
border-radius: 5px;
28
+
margin-right: 8px;
29
+
background: {$lightbluebackground};
30
+
border: 1px solid {$lightblueborder};
31
+
border-bottom: 1px solid {$blueborder};
43
32
}
44
33
45
34
.device-phone .phui-workboard-action-list {
46
35
width: 100%;
47
36
float: none;
48
37
display: block;
49
-
border-radius: 3px;
50
-
margin: 0 0 5px;
51
38
overflow: hidden;
39
+
border: none;
40
+
background: none;
41
+
border-radius: none;
42
+
min-height: 0;
43
+
}
44
+
45
+
.phui-workboard-action-list li:first-child {
46
+
padding-top: 5px;
52
47
}
53
48
54
49
.device-phone .phui-workboard-action-list li {
55
50
display: inline;
56
51
float: left;
57
-
margin: 0px;
52
+
margin: 0;
53
+
padding: 0 0 8px 0;
58
54
}
59
55
60
56
.phui-workboard-action-list .phui-icon-view {
···
62
58
vertical-align: top;
63
59
width: 50px;
64
60
height: 50px;
65
-
margin: 5px 4px 5px 5px;
61
+
margin: 0 4px 5px 5px;
66
62
}
67
63
68
64
.device-phone .phui-workboard-action-list .phui-icon-view {
69
-
margin-right: 0;
65
+
background-size: 35px;
66
+
height: 35px;
67
+
width: 35px;
68
+
margin: 0 3px;
70
69
}
71
-