From 7938312aaa802122e7740bcd789b8469919bc875 Mon Sep 17 00:00:00 2001
From: Thomas Bruederli <thomas@roundcube.net>
Date: Fri, 13 Jul 2012 20:31:15 +0200
Subject: [PATCH] Show contact photos in mail view and preview

---
 skins/larry/images/contactpic_32px.png    | Bin 0 -> 4883 bytes
 skins/larry/mail.css                      |  41 ++++++++++++++++++++--
 skins/larry/templates/message.html        |   1 +
 skins/larry/templates/messagepreview.html |   1 +
 4 files changed, 40 insertions(+), 3 deletions(-)
 create mode 100644 skins/larry/images/contactpic_32px.png

diff --git a/skins/larry/images/contactpic_32px.png b/skins/larry/images/contactpic_32px.png
new file mode 100644
index 0000000000000000000000000000000000000000..276f1974f5bc4cfb699c2fbb7cb837b2c91f91c7
GIT binary patch
literal 4883
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
H=Z*gWFLfx^

literal 0
HcmV?d00001

diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index 3fe451c0d..695697f6b 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -811,7 +811,7 @@ div.hide-headers {
 }
 
 #all-headers {
-    position: relative;
+	position: relative;
 	margin: 0 10px;
 	padding: 0;
 	height: 180px;
@@ -837,7 +837,7 @@ div.hide-headers {
 	position: relative;
 	height: auto;
 	margin: 0 8px 0 0;
-	padding: 0 0 6px 26px;
+	padding: 0 0 6px 72px;
 	border-bottom: 2px solid #f0f0f0;
 }
 
@@ -845,12 +845,47 @@ div.hide-headers {
 	padding: 8px 8px 2px 0;
 }
 
+#messagepreviewheader #contactphoto {
+	display: block;
+	position: absolute;
+	top: 11px;
+	left: 30px;
+	width: 32px;
+	height: 32px;
+	overflow: hidden;
+	background: url(images/contactpic_32px.png) center center no-repeat #fff;
+	border-radius: 3px;
+}
+
+#messagepreviewheader #contactphoto img {
+	width: 32px;
+	height: auto;
+	border-radius: 3px;
+}
+
+#messageheader #contactphoto {
+	display: block;
+	position: absolute;
+	top: 40px;
+	right: 10px;
+	width: 48px;
+	height: 48px;
+	overflow: hidden;
+	border-radius: 4px;
+}
+
+#messageheader #contactphoto img {
+	width: 48px;
+	height: auto;
+	border-radius: 4px;
+}
+
 #messagepreviewheader #countcontrols,
 #messageheader #countcontrols {
 	position: absolute;
 	top: 8px;
 	right: 8px;
-	width: 18em;
+	width: 20em;
 	text-align: right;
 	white-space: nowrap;
 }
diff --git a/skins/larry/templates/message.html b/skins/larry/templates/message.html
index b66d82140..1becd711a 100644
--- a/skins/larry/templates/message.html
+++ b/skins/larry/templates/message.html
@@ -46,6 +46,7 @@
 	<roundcube:button command="nextmessage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextmessage" content="&amp;gt;" />
 </div>
 
+<div id="contactphoto"><roundcube:object name="contactphoto" /></div>
 </div>
 
 <div id="messagecontent" class="uibox">
diff --git a/skins/larry/templates/messagepreview.html b/skins/larry/templates/messagepreview.html
index fbca9715d..b53683ec1 100644
--- a/skins/larry/templates/messagepreview.html
+++ b/skins/larry/templates/messagepreview.html
@@ -10,6 +10,7 @@
 <h3 class="subject"><roundcube:object name="messageHeaders" valueOf="subject" /></h3>
 
 <a href="#details" id="previewheaderstoggle"><span class="iconlink"></span></a>
+<div id="contactphoto"><roundcube:object name="contactphoto" /></div>
 
 <table class="headers-table" id="preview-shortheaders"><tbody><tr>
 <roundcube:if condition="env:mailbox == config:drafts_mbox || env:mailbox == config:sent_mbox">