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

roundcube · Mar 10, 2018 · 8679566 · 8679566
1 parent d4ced14
commit 8679566
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/skins/larry/images/buttons.png b/skins/larry/images/buttons.png
diff --git a/skins/larry/styles.css b/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;

diff --git a/skins/larry/templates/messagepart.html b/skins/larry/templates/messagepart.html
@@ -30,6 +30,11 @@ <h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolba
 	</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">