--- a/src_js/iconolab-bundle/src/components/editor/Canvas.vue Wed Feb 22 18:32:39 2017 +0100
+++ b/src_js/iconolab-bundle/src/components/editor/Canvas.vue Wed Feb 22 18:40:49 2017 +0100
@@ -24,8 +24,14 @@
</div>
<div class="zoomer">
<div class="btn-group-vertical" role="group" aria-label="...">
- <button @click="zoomIn" type="button" class="btn btn-default"><i class="fa fa-plus" aria-hidden="true"></i></button>
- <button @click="zoomOut" type="button" class="btn btn-default"><i class="fa fa-minus" aria-hidden="true"></i></button>
+ <button @click="zoomIn" type="button" class="btn btn-default"
+ v-bind:class="{ disabled: scale >= 1.9 }">
+ <i class="fa fa-plus" aria-hidden="true"></i>
+ </button>
+ <button @click="zoomOut" type="button" class="btn btn-default"
+ v-bind:class="{ disabled: scale === 1 }">
+ <i class="fa fa-minus" aria-hidden="true"></i>
+ </button>
</div>
</div>
<div class="zoom-thumbnail">
@@ -314,6 +320,7 @@
},
zoomIn: function() {
+ if (this.scale >= 1.9) { return; }
this.scale = this.scale + (1 * this.zoomFactor);
},