Some more improvemements on content structure, text representation and keyb...

Thomas Bruederli

2014-06-02 d58c39126f6e1754e29b6f3bbc01f0f6a3ea2581

 skins/larry/templates/compose.html

@@ -52,7 +52,7 @@
         <roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " />
      </div>
   </div>
   <roundcube:object name="addressbooks" id="directorylist" class="treelist listing" />
   <roundcube:object name="addressbooks" id="directorylist" class="treelist listing" summary="ariasummarycomposecontacts" />
   <div class="scroller withfooter" tabindex="-1">
      <roundcube:object name="addresslist" id="contacts-table" class="listing iconized" noheader="true" />
   </div>
@@ -77,7 +77,7 @@
<div id="composeheaders" role="region" aria-labelledby="aria-label-composeheaders">
<h2 id="aria-label-composeheaders" class="voice"><roundcube:label name="arialabelmessageheaders" /></h2>

<a href="#options" id="composeoptionstoggle" class="moreheaderstoggle" title="<roundcube:label name='options' />"><span class="iconlink"></span></a>
<a href="#options" id="composeoptionstoggle" class="moreheaderstoggle" title="<roundcube:label name='togglecomposeoptions' />" aria-exapnded="false"><span class="iconlink"></span></a>

<table class="headers-table compose-headers">
<tbody>
@@ -93,25 +93,25 @@
   </tr><tr id="compose-cc">
      <td class="title top">
         <label for="_cc"><roundcube:label name="cc" /></label>
         <a href="#cc" onclick="return UI.hide_header_row('cc');" class="iconbutton cancel" title="<roundcube:label name='delete' /> <roundcube:label name='cc' />" tabindex="3">x</a>
         <a href="#cc" onclick="return UI.hide_header_row('cc');" class="iconbutton cancel" title="<roundcube:label name='delete' />" tabindex="3"><roundcube:label name="delete" /> <roundcube:label name="cc" /></a>
      </td>
      <td class="editfield"><roundcube:object name="composeHeaders" part="cc" form="form" id="_cc" cols="70" rows="1" tabindex="1" /></td>
   </tr><tr id="compose-bcc">
      <td class="title top">
         <label for="_bcc"><roundcube:label name="bcc" /></label>
         <a href="#bcc" onclick="return UI.hide_header_row('bcc');" class="iconbutton cancel" title="<roundcube:label name='delete' /> <roundcube:label name='bcc' />" tabindex="3">x</a>
         <a href="#bcc" onclick="return UI.hide_header_row('bcc');" class="iconbutton cancel" title="<roundcube:label name='delete' />" tabindex="3"><roundcube:label name="delete" /> <roundcube:label name="bcc" /></a>
      </td>
      <td class="editfield"><roundcube:object name="composeHeaders" part="bcc" form="form" id="_bcc" cols="70" rows="1" tabindex="1" /></td>
   </tr><tr id="compose-replyto">
      <td class="title top">
         <label for="_replyto"><roundcube:label name="replyto" /></label>
         <a href="#replyto" onclick="return UI.hide_header_row('replyto');" class="iconbutton cancel" title="<roundcube:label name='delete' /> <roundcube:label name='replyto' />" tabindex="3">x</a>
         <a href="#replyto" onclick="return UI.hide_header_row('replyto');" class="iconbutton cancel" title="<roundcube:label name='delete' />" tabindex="3"><roundcube:label name="delete" /> <roundcube:label name="replyto" /></a>
      </td>
      <td class="editfield"><roundcube:object name="composeHeaders" part="replyto" form="form" id="_replyto" size="70" tabindex="1" /></td>
   </tr><tr id="compose-followupto">
      <td class="title top">
         <label for="_followupto"><roundcube:label name="followupto" /></label>
         <a href="#followupto" onclick="return UI.hide_header_row('followupto');" class="iconbutton cancel" title="<roundcube:label name='delete' /> <roundcube:label name='followupto' />" tabindex="3">x</a>
         <a href="#followupto" onclick="return UI.hide_header_row('followupto');" class="iconbutton cancel" title="<roundcube:label name='delete' />" tabindex="3"><roundcube:label name="delete" /> <roundcube:label name="followupto" /></a>
      </td>
      <td class="editfield"><roundcube:object name="composeHeaders" part="followupto" form="form" id="_followupto" size="70" tabindex="1" /></td>
   </tr><tr>
@@ -130,7 +130,7 @@
</table>

<div id="composebuttons" class="formbuttons">
   <roundcube:button command="extwin" type="link" class="button extwin" classSel="button extwin pressed" innerClass="icon" title="openinextwin" content="[]" condition="!env:extwin" />
   <roundcube:button command="extwin" type="link" class="button extwin" classSel="button extwin pressed" innerClass="icon" title="openinextwin" label="openinextwin" condition="!env:extwin" />
</div>

<!-- (collapsable) message options -->
@@ -170,8 +170,8 @@
      <label for="composebody" class="voice"><roundcube:label name="arialabelmessagebody" /></label>
      <roundcube:object name="composeBody" id="composebody" form="form" cols="70" rows="20" tabindex="1" />
   </div>
   <div id="compose-attachments" class="rightcol" role="region">
      <h2 id="aria-label-composeoptions" class="voice"><roundcube:label name="attachments" /></h2>
   <div id="compose-attachments" class="rightcol" role="region" aria-labelledby="aria-label-composeattachments">
      <h2 id="aria-label-composeattachments" class="voice"><roundcube:label name="attachments" /></h2>
      <div style="text-align:center; margin-bottom:20px">
         <roundcube:button name="addattachment" type="input" class="button" classSel="button pressed" label="addattachment" onclick="UI.show_uploadform(event);return false" tabindex="1" />
      </div>