CoCalc -- durable-column.css

GitHub Repository: freebsd/phabricator
Path: blob/master/webroot/rsrc/css/application/conpherence/durable-column.css
¹²²⁴² views
1
/**
2
 * @provides conpherence-durable-column-view
3
 */
4

5
.global-upload-mask {
6
  pointer-events: none;
7
}
8

9
.conpherence-durable-column {
10
  position: fixed;
11
  bottom: 0;
12
  right: 16px;
13
  width: 400px;
14
  height: 360px;
15
  background: {$page.content};
16
  border-top-right-radius: 3px;
17
  border-top-left-radius: 3px;
18
  box-shadow: 0px 1px 8px rgba(55,55,55, .3);
19
}
20

21
.device .conpherence-durable-column,
22
.printable .conpherence-durable-column,
23
!print .conpherence-durable-column {
24
  display: none;
25
}
26

27
.conpherence-durable-column .conpherence-transaction-image {
28
  float: left;
29
  border-radius: 3px;
30
  height: 24px;
31
  width: 24px;
32
  background-size: 24px;
33
  position: absolute;
34
  top: 5px;
35
}
36

37
.device-desktop .conpherence-durable-column.loading .loading-mask {
38
  display: block;
39
}
40

41
.conpherence-durable-column-header .conpherence-settings-dropdown {
42
  z-index: 1;
43
}
44

45
.conpherence-durable-column-header  .phabricator-application-menu
46
  .phui-list-item-name {
47
    display: none;
48
}
49

50
.conpherence-durable-column-header .aphlict-connection-status {
51
  width: 6px;
52
  float: left;
53
  height: 18px;
54
  margin-left: 10px;
55
  margin-top: 8px;
56
}
57

58
.conpherence-durable-column-header .aphlict-connection-status
59
  .connection-status-text {
60
    display: none;
61
}
62

63
.conpherence-durable-column-header .aphlict-connection-status
64
  .phui-icon-view {
65
    font-size: 10px;
66
}
67

68
.device-desktop .conpherence-durable-column-header .phabricator-application-menu
69
  .phui-list-item-view {
70
    margin: 0;
71
    width: 28px;
72
    height: 34px;
73
    min-width: 28px;
74
}
75

76
.device-desktop .conpherence-durable-column-header .phabricator-application-menu
77
  .phui-list-item-href {
78
    background: transparent;
79
    border: none;
80
    padding: 0;
81
}
82

83
.conpherence-durable-column-header {
84
  border-top-right-radius: 3px;
85
  border-top-left-radius: 3px;
86
  background-color: #525867;
87
}
88

89
.conpherence-durable-column-header:hover {
90
  cursor: pointer;
91
  background-color: #5f6572;
92
}
93

94
.conpherence-durable-column-header .phabricator-application-menu {
95
  margin-right: 8px;
96
}
97

98
.conpherence-durable-column-header
99
  .phabricator-main-menu-dropdown.phui-list-sidenav {
100
    top: 30px;
101
}
102

103
.conpherence-durable-column-header-text {
104
  float: left;
105
  padding: 8px 0 8px 10px;
106
  color: #fff;
107
  width: 260px;
108
  text-overflow: ellipsis;
109
  overflow: hidden;
110
  white-space: nowrap;
111
  text-shadow: 1px 1px 0 rgba(0,0,0,.6);
112
}
113

114
.conpherence-durable-column-header .phabricator-application-menu
115
  .phui-list-item-icon.phui-font-fa {
116
    font-size: 15px;
117
    margin: 0;
118
    height: 15px;
119
    width: 15px;
120
    padding: 10px 8px 10px 8px;
121
}
122

123
.conpherence-durable-column-icon-bar {
124
  width: 36px;
125
  background-color: {$lightgreybackground};
126
  border-right: 1px solid {$thinblueborder};
127
  position: absolute;
128
  top: 0;
129
  left: 0;
130
  bottom: 0;
131
}
132

133
.conpherence-durable-column-icon-bar .conpherence-durable-column-thread-icon {
134
  height: 28px;
135
  width: 28px;
136
  padding: 4px;
137
  display: block;
138
}
139

140
.conpherence-durable-column-icon-bar
141
.conpherence-durable-column-thread-icon.selected {
142
  background-color: rgba({$alphablue},.1);
143
}
144

145
.conpherence-durable-column-icon-bar
146
.conpherence-durable-column-thread-icon span {
147
  display: block;
148
  width: 28px;
149
  height: 28px;
150
  border-radius: 3px;
151
  background-size: 28px 28px;
152
}
153

154
.conpherence-durable-column-body {
155
  position: absolute;
156
  top: 34px;
157
  bottom: 0;
158
  right: 0;
159
  left: 0;
160
}
161

162
.conpherence-durable-column-main {
163
  position: absolute;
164
  top: 0;
165
  bottom: 36px;
166
  left: 34px;
167
  right: 0;
168
  overflow-x: hidden;
169
}
170

171
.conpherence-durable-column .column-no-rooms {
172
  padding: 12px 8px;
173
}
174

175
.conpherence-durable-column .column-no-rooms-text {
176
  color: {$greytext};
177
  font-style: italic;
178
  margin-bottom: 16px;
179
}
180

181
.conpherence-durable-column-transactions {
182
  padding: 8px 12px 0;
183
}
184

185
.conpherence-durable-column-transactions .conpherence-transaction-view {
186
  background: none;
187
  margin: 0;
188
  padding: 4px 0;
189
  min-height: 0;
190
}
191

192
.conpherence-durable-column-transactions .conpherence-transaction-view
193
  .conpherence-message {
194
    word-wrap: break-word;
195
}
196

197
.conpherence-durable-column-transactions .conpherence-transaction-view
198
  .conpherence-transaction-detail {
199
    border: 0;
200
    margin: 0 0 0 32px;
201
}
202

203
.conpherence-durable-column-transactions .conpherence-transaction-view
204
  .conpherence-transaction-detail .conpherence-transaction-header {
205
    background: none;
206
    padding: 0 0 2px 0;
207
}
208

209
.conpherence-durable-column-transactions
210
  .conpherence-transaction-view.date-marker {
211
    margin: 12px 0 0;
212
}
213

214
.conpherence-durable-column-transactions
215
  .conpherence-transaction-view.date-marker .date {
216
    left: 0;
217
    font-size: {$normalfontsize};
218
    top: -10px;
219
    padding: 0 6px 0 0;
220
}
221

222
.conpherence-durable-column-transactions
223
.conpherence-transaction-detail
224
.conpherence-transaction-content
225
.phui-pinboard-item-view {
226
  width: 273px;
227
}
228

229
.conpherence-durable-column-transactions
230
.conpherence-transaction-detail
231
.conpherence-transaction-content
232
.phui-pinboard-item-view
233
.phui-pinboard-item-image-link
234
img {
235
  width: 265px;
236
  height: 199px;
237
}
238

239
.conpherence-durable-column-transactions .conpherence-transaction-detail
240
  .conpherence-transaction-content {
241
    padding: 0 0 8px 0;
242
}
243

244
.conpherence-durable-column-textarea {
245
  position: absolute;
246
  left: 0;
247
  right: 0;
248
  bottom: 0;
249
  height: 36px;
250
  margin: 0;
251
  border-width: 1px 0 0 0;
252
  border-style: solid;
253
  border-top-color: {$thinblueborder};
254
  padding: 8px;
255
  width: 100%;
256
  resize: none;
257
}
258

259
.conpherence-durable-column-textarea:focus {
260
  outline: 0;
261
  border-top-color: {$lightblueborder};
262
  box-shadow: none;
263
}
264

265

266
/* Minimized Column */
267

268
.minimize-column .conpherence-durable-column {
269
  height: 32px;
270
  width: 240px;
271
  box-shadow: none;
272
}
273

274
.minimize-column .conpherence-durable-column .conpherence-durable-column-body {
275
  display: none;
276
}
277

278
.minimize-column .conpherence-durable-column
279
  .conpherence-durable-column-header {
280
    background-color: rgba({$alphablue},.15);
281
}
282

283
.minimize-column .conpherence-durable-column
284
  .conpherence-durable-column-header:hover {
285
    background-color: rgba({$alphablue},.2);
286
}
287

288
.minimize-column .conpherence-durable-column
289
  .conpherence-durable-column-header-text {
290
    width: 100px;
291
    color: {$darkbluetext};
292
    text-shadow: none;
293
}
294

295
.minimize-column .conpherence-durable-column
296
  .conpherence-durable-column-header .phabricator-application-menu
297
  .phui-list-item-icon.phui-font-fa {
298
    color: {$bluetext};
299
}
300

301
.minimize-column .conpherence-durable-column
302
  .conpherence-durable-column-header .phabricator-application-menu
303
  .phui-list-item-view:hover .phui-list-item-icon.phui-font-fa {
304
    color: {$darkbluetext};
305
}
306

307
.minimize-column .conpherence-durable-column
308
  .conpherence-durable-column-header .phabricator-application-menu
309
  .phui-list-item-icon.phui-font-fa:before {
310
    content: "\f151";
311
}
312

313
.minimize-column .conpherence-durable-column .phabricator-application-menu
314
  .fa-gear {
315
    display: none;
316
}
317

318
Product

Resources

Company
