Commit f399175513e6111c1a77d87c565a8781f2a56d2c
1 parent
fc14aa9d
Exists in
master
and in
29 other branches
Fix user status dropdown menu
Showing
1 changed file
with
48 additions
and
7 deletions
Show diff stats
public/stylesheets/chat.css
... | ... | @@ -160,8 +160,10 @@ |
160 | 160 | } |
161 | 161 | .conversation textarea { |
162 | 162 | height: 100%; |
163 | - width: 100%; | |
163 | + width: 304px; | |
164 | 164 | overflow: auto; |
165 | + padding-left: 25px; | |
166 | + padding-top: 3px; | |
165 | 167 | } |
166 | 168 | #conversations .history { |
167 | 169 | overflow: hidden; |
... | ... | @@ -200,12 +202,13 @@ |
200 | 202 | margin: 0; |
201 | 203 | } |
202 | 204 | #chat-window .history .message p { |
203 | - overflow: auto; | |
204 | 205 | margin-left: 40px; |
206 | + word-break: break-all; | |
205 | 207 | } |
206 | 208 | |
207 | 209 | #chat-window .history .message.self p { |
208 | 210 | margin-left: 1px; |
211 | + margin-right: 40px; | |
209 | 212 | } |
210 | 213 | |
211 | 214 | #chat-window .history .message .content { |
... | ... | @@ -239,6 +242,13 @@ |
239 | 242 | text-align: center; |
240 | 243 | display: block; |
241 | 244 | } |
245 | + | |
246 | +#chat .user-status a:hover { | |
247 | + color: #FFF; | |
248 | + background-color: #999; | |
249 | + transition: 0.2s; | |
250 | +} | |
251 | + | |
242 | 252 | div.occupants { |
243 | 253 | position: absolute; |
244 | 254 | width: 100%; |
... | ... | @@ -362,6 +372,9 @@ div.occupants > a.up { |
362 | 372 | color: white; |
363 | 373 | display: inline-block |
364 | 374 | } |
375 | +#chat .toolbar #user-status span.user-status { | |
376 | + max-width: 200px; | |
377 | +} | |
365 | 378 | #chat #chat-window .history h5 { |
366 | 379 | text-align: center; |
367 | 380 | word-wrap: break-word; |
... | ... | @@ -374,18 +387,23 @@ div.occupants > a.up { |
374 | 387 | #chat .simplemenu-submenu { |
375 | 388 | background: #585858; |
376 | 389 | border: 1px solid #6B6B6B; |
390 | + top: 42px; | |
391 | + left: auto; | |
392 | + right: 0; | |
393 | +} | |
394 | + | |
395 | +#chat .simplemenu-item:hover { | |
396 | + background: none; | |
377 | 397 | } |
398 | + | |
378 | 399 | #buddy-list #user-status { |
379 | 400 | display: table-cell; |
380 | 401 | vertical-align: middle; |
381 | - padding: 0 5px; | |
402 | + padding: 0; | |
382 | 403 | white-space: nowrap; |
383 | 404 | transition: padding 0.3s ease-in; |
384 | 405 | } |
385 | -#buddy-list:hover #user-status { | |
386 | - padding: 0 15px; | |
387 | - transition: padding 0.3s ease-in; | |
388 | -} | |
406 | + | |
389 | 407 | #chat .user-status a { |
390 | 408 | color: rgb(224, 224, 224); |
391 | 409 | } |
... | ... | @@ -401,6 +419,29 @@ div.occupants > a.up { |
401 | 419 | margin-left: 7px; |
402 | 420 | } |
403 | 421 | |
422 | +.user-status .simplemenu-trigger { | |
423 | + display: block; | |
424 | + height: 42px; | |
425 | + line-height: 40px; | |
426 | + width: 161px; | |
427 | + padding-left: 21px; | |
428 | + background-position: 5px 11px; | |
429 | + margin: 0px; | |
430 | +} | |
431 | + | |
432 | +.user-status .simplemenu-trigger .ui-icon-triangle-1-s { | |
433 | + top: 20px; | |
434 | + right: 0px; | |
435 | +} | |
436 | + | |
437 | +.user-status .simplemenu-item a { | |
438 | + display: block; | |
439 | + height: 20px; | |
440 | + padding-left: 20px; | |
441 | + line-height: 19px; | |
442 | + background-position: 2px 1px; | |
443 | +} | |
444 | + | |
404 | 445 | .conversation .author { |
405 | 446 | width: 32px; |
406 | 447 | display: inline-block; | ... | ... |