Add files via upload

styles/styles.min.css

@@ -20,6 +20,15 @@ html.dark-mode  {
 }
 
 
+.header-headers .from .adr{
+font-size:medium;
+line-height:1.5;
+}
+.header-headers{
+line-height:1.3;
+}
+
+
 .action-show .header{
 	justify-content: unset !important;
 }
@@ -91,7 +100,7 @@ color: var(--font);
 .replacecontactpic{
 text-align : center;
 display : inline-block !important;
-margin: 0 8px 0 4px !important;
+margin: 0px 8px 0 0px !important;
 }
 
 
@@ -155,11 +164,11 @@ color: #000;
 
 
 
-html.layout-small .sel_circle {
+#message-header .sel_circle {
 width:36px;
 height:36px;
 border-radius:18px;
-padding-top: .1rem;
+padding-top: 2px;
 }
 
 
@@ -784,6 +793,15 @@ html.iframe body {
     margin: 0 -20rem;
 }
 
+.header-title{
+padding-right: 8px;
+opacity:.7;
+}
+
+.header-headers .adr a:link{
+color:var(--font);
+}
+
 #layout > div > .header a.toolbar-list-button,
 #layout > div > .header a.toolbar-menu-button {
     order: 99;
@@ -968,7 +986,7 @@ float:initial !important;
 }
 
 #mailtoolbar{
-margin-top:-25px;
+margin-top:-10px;
 }
 
 #mailtoolbar a{
@@ -980,7 +998,6 @@ border-radius:2px;
 .tddatemovetoright{
 position:absolute;
 right:20px;
-margin-top: -15px;
 }
 
 html.layout-normal #mailtoolbar span,
@@ -4601,7 +4618,6 @@ html.layout-phone a.refresh {
 .attachmentslist {
     padding: 0;
     margin: 0;
-	max-height:100px;
 	overflow: auto;
 	list-style-type: none;
 	scrollbar-width: thin;
@@ -5357,13 +5373,16 @@ html.layout-small .formcontainer .formbuttons {
 
 .formcontent .row .col,
 .formcontent .row .col-10,
+.formcontent .row .col-11,
 .formcontent .row .col-12,
+.formcontent .row .col-1,
 .formcontent .row .col-2,
 .formcontent .row .col-4,
 .formcontent .row .col-6,
 .formcontent .row .col-8,
 .formcontent .row .col-sm,
 .formcontent .row .col-sm-10,
+.formcontent .row .col-sm-11,
 .formcontent .row .col-sm-12,
 .formcontent .row .col-sm-2,
 .formcontent .row .col-sm-4,
@@ -5469,6 +5488,7 @@ html.layout-small .formcontainer .formbuttons {
 
 @media screen and (max-width: 320px) {
     .formcontent .col-10,
+    .formcontent .col-11,
     .formcontent .col-6,
     .formcontent .col-8,
     .formcontent .col-form-label {
@@ -6924,7 +6944,8 @@ body.task-error-login #layout #layout-content > .header{
 
 
 #message-header {
-    margin-bottom: .1rem;
+	margin-left:4px;
+    margin-bottom: 16px;
 }
 
 #message-header > .subject {
@@ -6957,7 +6978,7 @@ body.task-error-login #layout #layout-content > .header{
 }
 
 #message-header > .header img.contactphoto {
-    margin: 0 1rem 0 0;
+    margin: 0 8px 0 0;
     border-radius: 50%;
     width: 36px;
     height: 36px;

templates/message.html

@@ -50,7 +50,7 @@
 			</h2>
 			<div class="header">
 			<table style="width:100%">
-			<tr><td style="width:40px;vertical-align: top;">
+			<tr><td style="width:40px;vertical-align: top;padding-top:5px;">
 				<roundcube:object name="contactphoto" class="contactphoto" placeholder="/images/contactpic.svg" bg-color="transparent" />
 				</td>
 			<td>

ui.min.js

@@ -5343,31 +5343,24 @@ trdate.parentElement.appendChild(trdate); // move date to last line
 //ugly safari fix
 $('.header-headers .date')[0].innerHTML="<span class='tddatemovetoright'>"+$('.header-headers .date').text()+"</span>"
 
+
+
+$('.header-headers .replyto').parent().remove()
+
+
+// delete sender if same as "from"
+$('.header-headers .sender').each(function() {
 	var fromhref = $('.header-headers .from .adr a')[0].href
+	var senderaddr=jQuery(this).find('.rcmContactAddress')[0].href
+	log(fromhref+'---'+senderaddr)
+	if(fromhref==senderaddr)
+		this.parentElement.remove()
+	})
 
-var replyto = $('.header-headers .replyto')
 
-if(replyto.length) // delete replyTo if same as "from"
-	{
-	var replytohref = replyto[0].querySelector('a').href
-
-	if(replytohref==fromhref)
-		{
-		replyto.parent().hide()
-		}
-	}
-	
-var sender = $('.header-headers .sender')
-
-if(replyto.length && sender.length) // delete sender if same as "from"
-	{
-	var senderhrefhref = replyto[0].querySelector('a').href
-	
-	if(senderhrefhref==fromhref)
-		{
-		sender.parent().hide()
-		}
-	}
+$('.header-headers .header-title').first().remove()
+$('.header-headers .header.from').attr('colspan',2);
+$('.header-headers .header-title').last().text("").width(0)
 }
 
 function elastic2022_change_attachmentslist()
@@ -5378,7 +5371,7 @@ $('.attachment-size').each(function() { this.innerText=this.innerText.replace(/[
 $('.attachmentslist .filename').off()
 $('.attachmentslist .filename').removeAttr("onclick")
 $('.attachmentslist .filename').attr('target','_blank');
-$('.attachmentslist li:not(.rfc822, .pdf, .image) .filename').attr("download", "") // open image & pdf in browser, download everything else (bug for pdf is forced download :/)
+$('.attachmentslist li:not(.rfc822, .pdf, .image) .filename').attr("download", "") // open selected attachement in browser
 
 // add thumbail for .image
 $('.attachmentslist .image').each(function() {
@@ -5421,11 +5414,11 @@ if($('.zipdownload').length )
 	}
 
 
-// add button if more than 2 files
-if($('.attachmentslist li').length > 2)
+// add button if more than 3 files
+if($('.attachmentslist li').length > 3)
 	{
-	$('#attach_fullsize').show();
 	setTimeout(function() {$('#attach_fullsize').show();}, 100); // again because of a bug on small layout
+	$('.attachmentslist').css('max-height','100px');
 	}
 }
 
@@ -5435,7 +5428,7 @@ var attachid = p.closest("li").id.replace('attach','');
 
 
 // only way i found to get the calendar number + name
-var stupid_request = $.ajax({      type: "GET", url: "?_task=calendar&_action=print",async: false,  }).responseText
+var stupid_request = $.ajax("?_task=calendar&_action=print",{ async: false }).responseText
 
 var start_rcmailenv =    stupid_request.indexOf("rcmail.set_env({") + 15
 var end_rcmailenv	=    stupid_request.indexOf("\n",start_rcmailenv)-2