Re-locate the move-message toolbar button to be next to the related delete ...

Thomas Bruederli

2014-02-14 e7bcd945bd757a4d0d83abb96aecb8c3f7fca54b

Re-locate the move-message toolbar button to be next to the related delete icon; synchronize toolbars in larry and classic skin

 skins/classic/images/mail_toolbar.png

 skins/classic/includes/messagetoolbar.html

@@ -17,12 +17,13 @@
<span id="forwardmenulink" onclick="rcmail_ui.show_popup('forwardmenu');return false"></span>
</span>
<roundcube:button command="delete" type="link" class="buttonPas delete" classAct="button delete" classSel="button deleteSel" title="deletemessage" content=" " />
<roundcube:if condition="template:name == 'message'" />
    <roundcube:button command="move" type="link" class="buttonPas move" classAct="button move" classSel="button moveSel" label="move" title="moveto" content=" " data-menu-pos="bottom" />
    <roundcube:button command="print" type="link" class="buttonPas print" classAct="button print" classSel="button printSel" label="print" title="printmessage" content=" " />
<roundcube:endif />
<roundcube:container name="toolbar" id="messagetoolbar" />
<roundcube:button name="markmenulink" id="markmenulink" type="link" class="button markmessage" title="markmessages" onclick="rcmail_ui.show_popup('markmenu');return false" content=" " />
<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="button messagemenu" title="moreactions" onclick="rcmail_ui.show_popup('messagemenu');return false" content=" " />
<roundcube:if condition="template:name == 'message'" />
<roundcube:button command="move" type="link" class="buttonPas move" classAct="button move" classSel="button moveSel" label="move" title="moveto" content=" " data-menu-pos="bottom" />
<roundcube:endif />
</div>

<div id="forwardmenu" class="popupmenu">

 skins/classic/mail.css

@@ -108,11 +108,11 @@
}

#messagetoolbar a.print {
  background-position: -224px 0;
  background-position: -256px 0;
}

#messagetoolbar a.printSel {
  background-position: -224px -32px;
  background-position: -256px -32px;
}

#messagetoolbar a.markmessage {
@@ -120,7 +120,8 @@
}

#messagetoolbar a.messagemenu {
  background-position: -322px 0;
  background-position: -320px 0;
  width: 34px;
}

#messagetoolbar a.spellcheck {
@@ -164,11 +165,11 @@
}

#messagetoolbar a.move {
  background-position: -578px 0;
  background-position: -580px 0;
}

#messagetoolbar a.moveSel {
  background-position: -578px -32px;
  background-position: -580px -32px;
}

#messagetoolbar a.download {

 skins/larry/includes/mailtoolbar.html

@@ -11,13 +11,11 @@
</span>
<roundcube:button command="delete" type="link" class="button delete disabled" classAct="button delete" classSel="button delete pressed" label="delete" title="deletemessage" />
<roundcube:if condition="template:name == 'message'" />
<roundcube:button command="move" type="link" class="button move disabled" classAct="button move" classSel="button move pressed" label="move" title="moveto" data-menu-pos="bottom" />
<roundcube:button command="print" type="link" class="button print disabled" classAct="button print" classSel="button print pressed" label="print" title="printmessage" />
<roundcube:endif />
<roundcube:container name="toolbar" id="mailtoolbar" />
<roundcube:button name="markmenulink" id="markmessagemenulink" type="link" class="button markmessage" label="mark" title="markmessages" onclick="UI.show_popup('markmessagemenu');return false" />
<roundcube:if condition="template:name == 'message'" />
<roundcube:button command="move" type="link" class="button move disabled" classAct="button move" classSel="button move pressed" label="move" title="moveto" data-menu-pos="bottom" />
<roundcube:endif />
<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="button more" label="more" title="moreactions" onclick="UI.show_popup('messagemenu');return false" />

<div id="forwardmenu" class="popupmenu">

 skins/larry/styles.css

@@ -1896,7 +1896,7 @@
}

.toolbar a.button.move {
    background-position: center -1972px;
    background-position: center -1971px;
}

.toolbar a.button.more {