Commit f399175513e6111c1a77d87c565a8781f2a56d2c

Authored by Rodrigo Souto
1 parent fc14aa9d

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;
... ...