Mercurial > libervia-web

comparison src/browser/public/libervia.css @ 479:c21ea1fe3593

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
browser side: small refactoring to prepare displaying avatars in the contact panel
author souliane <souliane@mailoo.org>
date Sat, 14 Jun 2014 19:10:51 +0200
parents 305044acb6f0
children 50b286866739
comparison
equal deleted inserted replaced
478:992b900ab876 479:c21ea1fe3593
357 width: 100%; 357 width: 100%;
358 height: 100% 358 height: 100%
359 } 359 }
360 /* Contact List */ 360 /* Contact List */
361 361
362 div.contactBox { 362 div.contactPanel {
363 width: 100%; 363 width: 100%;
364 /* We want the contact panel to not use all the available height when displayed 364 /* We want the contact panel to not use all the available height when displayed
365 in the unibox panel (grey part), because the dialogs panels (white part) should 365 in the unibox panel (grey part), because the dialogs panels (white part) should
366 still be visible. The setting max-height: fit-content would be appropriate here 366 still be visible. The setting max-height: fit-content would be appropriate here
367 but it doesn't work with firefox 24.0. TODO: check if the current setting works 367 but it doesn't work with firefox 24.0. TODO: check if the current setting works
423 background: -webkit-linear-gradient(top, #cf2828, #981a1a); 423 background: -webkit-linear-gradient(top, #cf2828, #981a1a);
424 background: linear-gradient(to bottom, #cf2828, #981a1a); 424 background: linear-gradient(to bottom, #cf2828, #981a1a);
425 -webkit-transition: color 0.1s linear; 425 -webkit-transition: color 0.1s linear;
426 transition: color 0.1s linear; 426 transition: color 0.1s linear;
427 } 427 }
428 .contact { 428 .contactLabel {
429 font-size: 1em; 429 font-size: 1em;
430 margin-top: 3px; 430 margin-top: 3px;
431 padding: 3px 10px 3px 10px; 431 padding: 3px 10px 3px 10px;
432 } 432 }
433 433
438 border-radius: 5px; 438 border-radius: 5px;
439 background-color: rgb(175, 175, 175); 439 background-color: rgb(175, 175, 175);
440 } 440 }
441 441
442 /* START - contact presence status */ 442 /* START - contact presence status */
443 .contact-connected { 443 .contactLabel-connected {
444 color: #3c7e0c; 444 color: #3c7e0c;
445 font-weight: bold; 445 font-weight: bold;
446 } 446 }
447 .contact-unavailable { 447 .contactLabel-unavailable {
448 } 448 }
449 .contact-chat { 449 .contactLabel-chat {
450 color: #3c7e0c; 450 color: #3c7e0c;
451 font-weight: bold; 451 font-weight: bold;
452 } 452 }
453 .contact-away { 453 .contactLabel-away {
454 color: brown; 454 color: brown;
455 font-weight: bold; 455 font-weight: bold;
456 } 456 }
457 .contact-dnd { 457 .contactLabel-dnd {
458 color: red; 458 color: red;
459 font-weight: bold; 459 font-weight: bold;
460 } 460 }
461 .contact-xa { 461 .contactLabel-xa {
462 color: red; 462 color: red;
463 font-weight: bold; 463 font-weight: bold;
464 } 464 }
465 /* END - contact presence status */ 465 /* END - contact presence status */
466 466