Commit f399175513e6111c1a77d87c565a8781f2a56d2c
1 parent
fc14aa9d
Exists in
master
and in
22 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; | ... | ... |