Changeset 7938312 in github

Timestamp:

Jul 13, 2012 2:31:15 PM (11 months ago)

Author:

Thomas Bruederli <thomas@…>

Children:

114cf12

Parents:

3849488

Message:

Show contact photos in mail view and preview

Location:

skins/larry

Files:

• images/contactpic_32px.png (added)
• mail.css (modified) (4 diffs)
• templates/message.html (modified) (1 diff)
• templates/messagepreview.html (modified) (1 diff)

skins/larry/mail.css

@@ -812 +812 @@
 
 #all-headers {
-    position: relative;
+        position: relative;
         margin: 0 10px;
         padding: 0;
@@ -838 +838 @@
         height: auto;
         margin: 0 8px 0 0;
-        padding: 0 0 6px 26px;
+        padding: 0 0 6px 72px;
         border-bottom: 2px solid #f0f0f0;
 }
@@ -846 +846 @@
 }
 
+#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 {
@@ -851 +886 @@
         top: 8px;
         right: 8px;
-        width: 18em;
+        width: 20em;
         text-align: right;
         white-space: nowrap;

skins/larry/templates/message.html

@@ -47 +47 @@
 </div>
 
+<div id="contactphoto"><roundcube:object name="contactphoto" /></div>
 </div>
 

skins/larry/templates/messagepreview.html

@@ -11 +11 @@
 
 <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>