Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Improved display of preview for ultra large monitors.

Browse source
This commit is contained in:
Rolf Schmidt 2016-09-14 15:05:44 +02:00
parent 6df110112d
commit b32a2da2ca
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/assets/javascripts/app/controllers/_channel/chat.coffee
View file

@ -105,6 +105,7 @@ class App.ChannelChat extends App.ControllerContent
isOpen: true isOpen: true
browserWidth: 1280 browserWidth: 1280
browserWidthMax: 1280
previewUrl: '' previewUrl: ''
previewScale: 1 previewScale: 1
@ -192,11 +193,15 @@ class App.ChannelChat extends App.ControllerContent
return if @browserWidth is 'fit' return if @browserWidth is 'fit'
if width < @el.width() if width < @el.width() && width == 375
@chat.addClass('is-fullscreen').css 'transform', "translateY(#{ @getChatOffset(true) }px)" @chat.addClass('is-fullscreen').css 'transform', "translateY(#{ @getChatOffset(true) }px)"
@browser.css('width', "#{ width }px") @browser.css('width', "#{ width }px")
else else
@previewScale = @el.width()/width if @el.width() > width && width == @browserWidthMax
@previewScale = 1
else
@previewScale = @el.width()/width
@chat.css 'transform', "translateY(#{ @getChatOffset() * @previewScale }px) scale(#{ @previewScale })" @chat.css 'transform', "translateY(#{ @getChatOffset() * @previewScale }px) scale(#{ @previewScale })"
@website.css @website.css
transform: "scale(#{ @previewScale })" transform: "scale(#{ @previewScale })"