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

chat designer: fix demo browser transition from iphone to macbook

Browse source
This commit is contained in:
Felix Niklas 2015-11-23 15:23:28 +01:00
parent 59761d1e2f
commit bf4301cb98
1 changed files with 4 additions and 5 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

@ -11,7 +11,6 @@ class App.ChannelChat extends App.Controller
'click .js-selectBrowserWidth': 'selectBrowserWidth' 'click .js-selectBrowserWidth': 'selectBrowserWidth'
elements: elements:
'.js-demo': 'demo'
'.js-browser': 'browser' '.js-browser': 'browser'
'.js-iframe': 'iframe' '.js-iframe': 'iframe'
'.js-chat': 'chat' '.js-chat': 'chat'
@ -142,16 +141,16 @@ class App.ChannelChat extends App.Controller
return if value is 'fit' return if value is 'fit'
if width < @demo.width() if width < @el.width()
@chat.addClass('is-fullscreen') @chat.addClass('is-fullscreen')
@browser.css('width', "#{ width }px") @browser.css('width', "#{ width }px")
else else
percentage = @demo.width()/width percentage = @el.width()/width
@chat.css('transform', "scale(#{ percentage })") @chat.css('transform', "scale(#{ percentage })")
@iframe.css @iframe.css
transform: "scale(#{ percentage })" transform: "scale(#{ percentage })"
width: @demo.width() / percentage width: @el.width() / percentage
height: @demo.height() / percentage height: @el.height() / percentage
changeDemoWebsite: (event) => changeDemoWebsite: (event) =>
event.preventDefault() if event event.preventDefault() if event