Commit f399175513e6111c1a77d87c565a8781f2a56d2c
1 parent
fc14aa9d
Exists in
master
and in
21 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,8 +160,10 @@ | ||
| 160 | } | 160 | } |
| 161 | .conversation textarea { | 161 | .conversation textarea { |
| 162 | height: 100%; | 162 | height: 100%; |
| 163 | - width: 100%; | 163 | + width: 304px; |
| 164 | overflow: auto; | 164 | overflow: auto; |
| 165 | + padding-left: 25px; | ||
| 166 | + padding-top: 3px; | ||
| 165 | } | 167 | } |
| 166 | #conversations .history { | 168 | #conversations .history { |
| 167 | overflow: hidden; | 169 | overflow: hidden; |
| @@ -200,12 +202,13 @@ | @@ -200,12 +202,13 @@ | ||
| 200 | margin: 0; | 202 | margin: 0; |
| 201 | } | 203 | } |
| 202 | #chat-window .history .message p { | 204 | #chat-window .history .message p { |
| 203 | - overflow: auto; | ||
| 204 | margin-left: 40px; | 205 | margin-left: 40px; |
| 206 | + word-break: break-all; | ||
| 205 | } | 207 | } |
| 206 | 208 | ||
| 207 | #chat-window .history .message.self p { | 209 | #chat-window .history .message.self p { |
| 208 | margin-left: 1px; | 210 | margin-left: 1px; |
| 211 | + margin-right: 40px; | ||
| 209 | } | 212 | } |
| 210 | 213 | ||
| 211 | #chat-window .history .message .content { | 214 | #chat-window .history .message .content { |
| @@ -239,6 +242,13 @@ | @@ -239,6 +242,13 @@ | ||
| 239 | text-align: center; | 242 | text-align: center; |
| 240 | display: block; | 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 | div.occupants { | 252 | div.occupants { |
| 243 | position: absolute; | 253 | position: absolute; |
| 244 | width: 100%; | 254 | width: 100%; |
| @@ -362,6 +372,9 @@ div.occupants > a.up { | @@ -362,6 +372,9 @@ div.occupants > a.up { | ||
| 362 | color: white; | 372 | color: white; |
| 363 | display: inline-block | 373 | display: inline-block |
| 364 | } | 374 | } |
| 375 | +#chat .toolbar #user-status span.user-status { | ||
| 376 | + max-width: 200px; | ||
| 377 | +} | ||
| 365 | #chat #chat-window .history h5 { | 378 | #chat #chat-window .history h5 { |
| 366 | text-align: center; | 379 | text-align: center; |
| 367 | word-wrap: break-word; | 380 | word-wrap: break-word; |
| @@ -374,18 +387,23 @@ div.occupants > a.up { | @@ -374,18 +387,23 @@ div.occupants > a.up { | ||
| 374 | #chat .simplemenu-submenu { | 387 | #chat .simplemenu-submenu { |
| 375 | background: #585858; | 388 | background: #585858; |
| 376 | border: 1px solid #6B6B6B; | 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 | #buddy-list #user-status { | 399 | #buddy-list #user-status { |
| 379 | display: table-cell; | 400 | display: table-cell; |
| 380 | vertical-align: middle; | 401 | vertical-align: middle; |
| 381 | - padding: 0 5px; | 402 | + padding: 0; |
| 382 | white-space: nowrap; | 403 | white-space: nowrap; |
| 383 | transition: padding 0.3s ease-in; | 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 | #chat .user-status a { | 407 | #chat .user-status a { |
| 390 | color: rgb(224, 224, 224); | 408 | color: rgb(224, 224, 224); |
| 391 | } | 409 | } |
| @@ -401,6 +419,29 @@ div.occupants > a.up { | @@ -401,6 +419,29 @@ div.occupants > a.up { | ||
| 401 | margin-left: 7px; | 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 | .conversation .author { | 445 | .conversation .author { |
| 405 | width: 32px; | 446 | width: 32px; |
| 406 | display: inline-block; | 447 | display: inline-block; |