Add toolbar icons for image zoom/rotate in larry (#6111)

skins/larry/styles.css

@@ -2071,6 +2071,18 @@ ul.proplist.simplelist li {
 	background-position: center -2065px;
 }
 
+.toolbar a.button.rotate {
+	background-position: center -2148px;
+}
+
+.toolbar a.button.zoomin {
+	background-position: center -2190px;
+}
+
+.toolbar a.button.zoomout {
+	background-position: center -2230px;
+}
+
 a.menuselector {
 	display: inline-block;
 	border: 1px solid #ababab;

skins/larry/templates/messagepart.html

@@ -30,6 +30,11 @@
 	</span>
 	<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="button more" label="more" title="moreactions" onclick="UI.toggle_popup('messagemenu',event);return false" aria-haspopup="true" aria-expanded="false" aria-owns="messagemenu-menu" />
 	<roundcube:endif />
+	<roundcube:if condition="stripos(env:mimetype, 'image/') === 0" />
+		<roundcube:button command="image-scale" type="link" prop="+" data-hidden="small" class="button zoomin disabled" classAct="button zoomin" label="zoomin" title="increaseimage" innerclass="inner" />
+		<roundcube:button command="image-scale" type="link" prop="-" data-hidden="small" class="button zoomout disabled" classAct="button zoomout" label="zoomout" title="decreaseimage" innerclass="inner" />
+		<roundcube:button command="image-rotate" type="link" class="button rotate disabled" classAct="button rotate" data-hidden="small" label="rotate" title="rotateimage" innerclass="inner" />
+	<roundcube:endif />
 </div>
 
 <div id="mainscreencontent">