@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 conpherence-notification-css
3 */
4
5.phabricator-notification.conpherence-notification {
6 padding: 0;
7}
8
9.phabricator-notification .conpherence-menu-item-view {
10 display: block;
11 height: 48px;
12 overflow: hidden;
13 position: relative;
14 text-decoration: none;
15 border-bottom: none;
16 border-right: 0;
17 border-left: 0;
18}
19
20.phabricator-notification .conpherence-menu-item-view
21.conpherence-menu-item-image {
22 top: 8px;
23 left: 8px;
24 display: block;
25 position: absolute;
26 width: 32px;
27 height: 32px;
28 background-size: 100%;
29 border-radius: 3px;
30}
31
32.phabricator-notification .conpherence-menu-item-view
33.conpherence-menu-item-title {
34 display: block;
35 margin-top: 8px;
36 margin-left: 48px;
37 text-align: left;
38 font-weight: bold;
39 font-size: {$normalfontsize};
40 color: {$darkgreytext};
41 width: 314px;
42 text-overflow: ellipsis;
43 white-space: nowrap;
44 overflow: hidden;
45}
46
47.phabricator-notification .conpherence-menu-item-view
48.conpherence-menu-item-subtitle {
49 display: block;
50 color: {$lightgreytext};
51 font-size: {$smallestfontsize};
52 margin-left: 48px;
53 width: 290px;
54 text-overflow: ellipsis;
55 white-space: nowrap;
56 overflow: hidden;
57}
58
59.phabricator-notification .conpherence-menu-item-view
60.conpherence-menu-item-unread-count {
61 position: absolute;
62 right: 8px;
63 top: 15px;
64 background: {$blue};
65 border-radius: 2px;
66 color: #fff;
67 font-weight: bold;
68 padding: 0 5px 1px;
69 font-size: {$smallestfontsize};
70}
71
72.phabricator-notification .no-room-notification {
73 color: {$lightgreytext};
74 display: block;
75}
76
77.phabricator-notification-header .persistent-option {
78 white-space: nowrap;
79 float: right;
80}
81
82.phabricator-notification-header .persistent-option span {
83 margin-left: 4px;
84 font-weight: normal;
85 color: {$greytext};
86}
87
88/* On small devices the Persistent Chat is already hidden, and so its option */
89.device .phabricator-notification-header .persistent-option {
90 display: none;
91}