From 35eb8b043c4eb88e8fc76395c8afc30cc29c56a8 Mon Sep 17 00:00:00 2001 From: rabuzarus <> Date: Thu, 21 Apr 2016 01:52:39 +0200 Subject: [PATCH] contacts page: change the contact-photo size according to display size --- css/style.css | 29 ++++++++++++++++++++++++++++- templates/contact_template.tpl | 17 +++++++++++++---- templates/contacts-template.tpl | 2 +- 3 files changed, 42 insertions(+), 6 deletions(-) diff --git a/css/style.css b/css/style.css index d457c78aef..38442741cc 100644 --- a/css/style.css +++ b/css/style.css @@ -1495,7 +1495,8 @@ ul.dropdown-menu li:hover { /* Profile-page */ #profile-page, .photos-content-wrapper, .settings-content-wrapper, .contacts-content-wrapper, .suggest-content-wrapper, .common-content-wrapper, -.allfriends-content-wrapper, .match-content-wrapper { +.allfriends-content-wrapper, .match-content-wrapper, .dirfind-content-wrapper, +.directory-content-wrapper { padding: 15px; padding-bottom: 20px; margin-bottom: 20px; @@ -1540,6 +1541,32 @@ ul.viewcontact_wrapper > li { overflow: visible; word-wrap: break-word; } +/* bootstrap hack for .media */ +.contact-wrapper.media .media-body { +display: table-cell; +width: 10000px; +*width: auto; +*zoom: 1; +} +.contact-wrapper.media:before, .media:after { +content: ""; +display: table; +} +.contact-wrapper.media:after { +clear: both; +} +.contact-wrapper .contact-photo-image-wrapper img.contact-photo.xl { + height: 80px; + width: 80px; +} +.contact-wrapper .contact-photo-image-wrapper img.contact-photo-xs { + height: 48px; + width: 48px; +} +.contact-wrapper .contact-photo-overlay-content.xl { + font-size: 48px; +} + .contact-entry-desc { color: #555; } diff --git a/templates/contact_template.tpl b/templates/contact_template.tpl index a04d8156fc..af4146f658 100644 --- a/templates/contact_template.tpl +++ b/templates/contact_template.tpl @@ -3,15 +3,24 @@ {{* This is a wrapper for the contact picture and the dropdown menu with contact relating actions *}}