Commit 26ad8bcf9fff15ee38315e63d56d05880c31230c

Authored by Melissa Wen
1 parent 3bd5dd77
Exists in pkg_fixes

Fix community block image widht and aligment

Showing 1 changed file with 17 additions and 15 deletions   Show diff stats
css/community-pages.css
... ... @@ -481,19 +481,25 @@ float: left;
481 481  
482 482 /*Block with Community information - Need to develop solution - Only display on profile page */
483 483  
484   -.profile-type-is-community .community-block{
  484 +.profile-type-is-community .block.community-block{
485 485 display: none;
486 486 }
487 487  
488   -.profile-type-is-community .action-profile_design-index #content .community-block,
489   -.profile-type-is-community .action-profile-index #content .community-block{
  488 +.profile-type-is-community .action-profile_design-index #content .block.community-block,
  489 +.profile-type-is-community .action-profile-index #content .block.community-block{
490 490 display: block;
  491 + margin-left: 10px;
491 492 border: 1px solid #ECEDF1;
492 493 border-radius: 4px;
493 494 }
494 495  
495 496 .profile-type-is-community #content .community-block-logo{
496 497 border-bottom: 3px solid #3E67B1;
  498 + padding: 10px;
  499 + height: 100px;
  500 + width: 165px;
  501 + display: table-cell;
  502 + vertical-align: middle;
497 503 }
498 504  
499 505 .profile-type-is-community #content .community-block-title{
... ... @@ -509,24 +515,20 @@ float: left;
509 515 line-height: 20px;
510 516 }
511 517  
512   -.profile-type-is-community #content .community-block-logo{
513   - padding: 10px;
514   -}
515   -
516   -.profile-type-is-community #content .community-block-logo img.logo{
517   - height: auto;
518   - width: 100px;
519   - min-width: 100px;
520   - max-width: 170px;
521   -}
522   -
523 518 .profile-type-is-community #content .community-block-logo a{
524 519 display: block;
525   - height: 100px;
  520 + height: auto;
526 521 overflow: hidden;
527 522 text-align: center;
528 523 }
529 524  
  525 +.profile-type-is-community #content .community-block-logo img.logo{
  526 + height: auto;
  527 + width: auto;
  528 + max-width: 160px;
  529 + max-height: 100px;
  530 +}
  531 +
530 532 /* Wiki block - Need to develop solution - Only display on profile page */
531 533 .template-default #content .box-3 .wiki-block,
532 534 .template-lefttopright #content .box-2 .wiki-block{
... ...