Elastic: Display full subject in mail preview (#6518)

skins/elastic/styles/widgets/mail.less

@@ -19,10 +19,8 @@
     margin-bottom: 1rem;
 
     .subject {
-        display: flex;
         font-size: 1.5rem;
         font-weight: bold;
-        white-space: nowrap;
 
         body.status-flagged &:before {
             &:extend(.font-icon-class);
@@ -34,10 +32,10 @@
         }
 
         a.extwin {
-            margin-left: .25rem;
-
             &:before {
                 &:extend(.font-icon-class);
+                float: none;
+                display: inline-block;
                 font-size: 75%;
                 line-height: 1.5;
                 margin: 0;
@@ -45,10 +43,6 @@
             }
         }
 
-        & > span {
-            .overflow-ellipsis;
-        }
-
         span.inner {
             display: none;
         }

skins/elastic/templates/message.html

@@ -17,10 +17,8 @@
 	<div class="content frame-content" role="main">
 		<div id="message-header">
 			<h2 class="subject">
-				<span onmouseover="rcube_webmail.long_subject_title(this)">
+				<span class="voice"><roundcube:label name="subject" />: </span>
-					<span class="voice"><roundcube:label name="subject" />: </span>
+				<roundcube:object name="messageHeaders" valueOf="subject" />
-					<roundcube:object name="messageHeaders" valueOf="subject" />
-				</span>
 				<roundcube:if condition="!env:message_context && !env:extwin">
 					<roundcube:button command="extwin" type="link" class="extwin" innerClass="inner"
 						label="openinextwin" title="openinextwin" data-hidden="small" />