Improved display of preview for ultra large monitors.

This commit is contained in:
Rolf Schmidt 2016-09-14 15:05:44 +02:00
parent 6df110112d
commit b32a2da2ca

View file

@ -105,6 +105,7 @@ class App.ChannelChat extends App.ControllerContent
isOpen: true
browserWidth: 1280
browserWidthMax: 1280
previewUrl: ''
previewScale: 1
@ -192,11 +193,15 @@ class App.ChannelChat extends App.ControllerContent
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)"
@browser.css('width', "#{ width }px")
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 })"
@website.css
transform: "scale(#{ @previewScale })"