@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 phabricator-notification-menu-css
3 */
4
5.phabricator-notification-menu {
6 background: {$page.content};
7 font-size: {$smallerfontsize};
8 line-height: 18px;
9 word-wrap: break-word;
10 overflow-y: auto;
11 box-shadow: {$dropshadow};
12 border: 1px solid {$lightgreyborder};
13 border-radius: 3px;
14}
15
16.phabricator-notification {
17 padding: 8px 12px;
18 color: {$darkgreytext};
19}
20
21.phabricator-notification-menu-loading {
22 text-align: center;
23 padding: 10px 0;
24 color: {$lightgreytext};
25}
26
27.device-desktop .phabricator-notification-menu,
28.device-tablet .phabricator-notification-menu {
29 position: absolute;
30 width: 360px;
31 top: 42px;
32}
33
34.device-phone .phabricator-notification-menu {
35 border-bottom: 1px solid {$thinblueborder};
36 width: 94%;
37 max-width: 390px;
38 top: 42px !important;
39 left: 3% !important;
40 position: absolute;
41}
42
43.phabricator-notification-list.pm {
44 padding: 0;
45}
46
47.phabricator-notification-list .phabricator-notification {
48 padding: 8px;
49}
50
51.phabricator-notification-menu .phabricator-notification {
52 cursor: pointer;
53}
54
55.device-desktop .phabricator-notification-menu .phabricator-notification:hover {
56 background: {$lightgreybackground};
57}
58
59.device-desktop .phabricator-notification-menu
60 .phabricator-notification-unread.phabricator-notification:hover {
61 background: {$hoverselectedblue};
62}
63
64.phabricator-notification + .phabricator-notification {
65 border-top: 1px solid {$thinblueborder};
66}
67
68.no-notifications {
69 color: {$lightgreytext};
70}
71
72.phabricator-notification-warning {
73 background: {$sh-yellowbackground};
74}
75
76.phabricator-notification-list .phabricator-notification-unread,
77.phabricator-notification-menu .phabricator-notification-unread {
78 background: {$hoverblue};
79}
80
81.phabricator-notification-read {
82 color: {$lightgreytext};
83}
84
85.phabricator-notification-foot {
86 color: {$lightgreytext};
87 font-size: {$smallestfontsize};
88 line-height: 18px;
89 position: relative;
90}
91
92.phabricator-notification-unread .phabricator-notification-foot {
93 padding-left: 10px;
94}
95
96.phabricator-notification-foot .phabricator-notification-status {
97 display: none;
98}
99
100.phabricator-notification-unread .phabricator-notification-foot
101 .phabricator-notification-status {
102 font-size: 7px;
103 color: {$lightbluetext};
104 position: absolute;
105 display: inline-block;
106 top: 6px;
107 left: 0;
108}
109
110.phabricator-notification-header {
111 font-weight: bold;
112 padding: 10px 12px;
113 font-size: {$smallerfontsize};
114 border-bottom: 1px solid {$thinblueborder};
115}
116
117.phabricator-notification-header a {
118 color: {$anchor};
119}
120
121.phabricator-notification-header a:hover {
122 text-decoration: underline;
123}
124
125.phabricator-notification-header .phabricator-notification-clear-all {
126 color: {$anchor};
127 float: right;
128 font-weight: normal;
129}
130
131.phabricator-notification-footer {
132 background: {$greybackground};
133 border-top: 1px solid {$thinblueborder};
134 border-bottom-left-radius: 3px;
135 border-bottom-right-radius: 3px;
136 padding: 8px;
137 font-size: {$smallerfontsize};
138 color: {$darkgreytext};
139}
140
141.phabricator-notification-footer a {
142 color: {$darkgreytext};
143}
144
145.phabricator-notification-footer a:hover {
146 text-decoration: underline;
147}
148
149.phabricator-notification-menu .aphlict-connection-status {
150 color: {$lightgreytext};
151}
152
153.aphlict-connection-status {
154 position: relative;
155}
156
157.aphlict-connection-status .phui-icon-view {
158 font-size: 9px;
159 position: absolute;
160 top: 4px;
161}
162
163.aphlict-connection-status .connection-status-text {
164 margin-left: 12px;
165}
166
167.phabricator-notification .phui-timeline-value {
168 font-style: italic;
169 color: {$darkgreytext};
170}