thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Font size should be adjustable

Browse source 
//FREEBIE
This commit is contained in:
Paolo Inglese 2016-10-04 17:42:43 +01:00 committed by lilia
parent fcffcd35af
commit 7cd45714a5
1 changed files with 16 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
js/views/inbox_view.js
View file

@ -67,21 +67,23 @@
this.currentSize = this.defaultSize;
this.render();
},
events: { 'mousewheel': 'zoomText' },
events: { 'keydown': 'zoomText' },
zoomText: function(e) {
if (e.ctrlKey === true) {
if (e.originalEvent.deltaY > 0) {
if (this.currentSize > this.minSize) {
this.currentSize--;
this.render();
}
} else if (e.originalEvent.deltaY < 0) {
if (this.currentSize < this.maxSize) {
this.currentSize++;
this.render();
}
if (!e.ctrlKey)
return;
var keyCode = e.which || e.keyCode;
var maxSize = 22; // if bigger text goes outside send-message textarea
var minSize = 14;
if (keyCode === 189 || keyCode == 109) {
if (this.currentSize > minSize) {
this.currentSize--;
}
} else if (keyCode === 187 || keyCode == 107) {
if (this.currentSize < maxSize) {
this.currentSize++;
}
}
this.render();
},
render: function() {
this.$el.css('font-size', this.currentSize + 'px');
@ -100,7 +102,8 @@
initialize: function (options) {
this.render();
this.applyTheme();
new Whisper.FontSizeView({ el: this.el });
this.$el.attr('tabindex', '1');
new Whisper.FontSizeView({ el: this.$el });
this.conversation_stack = new Whisper.ConversationStack({
el: this.$('.conversation-stack'),
model: { appWindow: options.appWindow }