@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
1/**
2 * @provides phui-hovercard-view-css
3 */
4
5.jx-hovercard-container {
6 position: absolute;
7}
8
9.phui-hovercard-wrapper {
10 width: 400px;
11}
12
13.device-phone .phui-hovercard-wrapper {
14 width: 300px;
15}
16
17.phui-hovercard-container {
18 width: 100%;
19 box-shadow: {$dropshadow};
20 border: 1px solid {$lightblueborder};
21 border-radius: 3px;
22 background-color: {$page.content};
23}
24
25.phui-hovercard-head .phui-header-shell {
26 padding: 6px 8px 6px 12px;
27 background-color: {$bluebackground};
28 border-top-left-radius: 3px;
29 border-top-right-radius: 3px;
30}
31
32.phui-hovercard-head .phui-header-header {
33 font-size: {$biggerfontsize};
34}
35
36.phui-hovercard-head .phui-tag-type-state {
37 color: {$darkbluetext};
38 text-shadow: none;
39 font-weight: normal;
40}
41
42.phui-hovercard-body {
43 padding: 12px;
44 color: {$darkgreytext};
45 border-bottom-right-radius: 3px;
46 border-bottom-left-radius: 3px;
47 position: relative;
48}
49
50.phui-hovercard-body-item {
51 margin: 4px 0 0 0;
52 overflow: hidden;
53 text-overflow: ellipsis;
54}
55
56.phui-hovercard-body-header {
57 font-size: 14px;
58 padding-bottom: 4px;
59 color: {$darkgreytext};
60 line-height: 18px;
61}
62
63.phui-hovercard-body .phui-hovercard-body-image {
64 width: 58px;
65}
66
67.phui-hovercard-body .phui-hovercard-body-details {
68 margin-left: 58px;
69}
70
71.phui-hovercard-body .profile-header-picture-frame {
72 float: left;
73 width: 50px;
74 height: 50px;
75 background-position: center;
76 background-repeat: no-repeat;
77 background-size: 100%;
78}
79
80.hovercard-badges {
81 margin: 6px 0 0 0;
82 padding: 4px;
83 background: {$page.background};
84 border-bottom-left-radius: 3px;
85 border-bottom-right-radius: 3px;
86}
87
88.hovercard-badges .phui-badge-flex-item {
89 float: left;
90}
91
92.phui-hovercard-tail {
93 width: 396px;
94 float: left;
95 padding: 2px;
96 border-top: 1px solid {$thinblueborder};
97 border-bottom-left-radius: 3px;
98 border-bottom-right-radius: 3px;
99}
100
101.phui-hovercard-tail button,
102.phui-hovercard-tail a.button {
103 margin: 3px;
104}
105
106.phui-hovercard-wrapper .hovercard-task-view {
107 box-shadow: 0px 4px 16px rgba(0,0,0,.2);
108}
109
110.hovercard-task-view .phui-oi-disabled.phui-workcard {
111 background-color: {$page.content};
112}
113
114.phui-hovercard-object-type {
115 font-size: 12px;
116}
117
118.phui-hovercard-object-type .phui-icon-view {
119 margin-right: 6px;
120}
121
122.phui-hovercard-object-type .phui-crumb-divider {
123 margin: 0px 6px;
124}
125
126.phui-hovercard-object-type .phabricator-handle-tag-list {
127 margin-top: 10px;
128}
129
130.phui-hovercard-object-type .phabricator-handle-tag-list-item {
131 display: inline-block;
132 margin: 0 4px 2px 0;
133}