tweak layout when chat is open

This commit is contained in:
Sacha Greif 2012-09-24 08:59:04 +09:00
parent d30faba624
commit 70c64d63ff
3 changed files with 17 additions and 2 deletions

View file

@ -395,9 +395,18 @@ body.pageslide-open {
/* line 5, ../sass/partials/_grid.scss */
.grid {
width: 74%;
margin: 0 13%; }
margin: 0 13%;
-webkit-transition: ease-out margin 300ms;
-webkit-transition-delay: 0ms;
-moz-transition: ease-out margin 300ms 0ms;
-o-transition: ease-out margin 300ms 0ms;
transition: ease-out margin 300ms 0ms; }
/* line 9, ../sass/partials/_grid.scss */
.chat-open .grid {
margin-right: 24%;
margin-left: 2%; }
/* line 9, ../sass/partials/_grid.scss */
/* line 14, ../sass/partials/_grid.scss */
.grid-small {
width: 320px;
margin: 0 auto; }

View file

@ -5,6 +5,11 @@
.grid{
width:74%;
margin:0 13%;
@include single-transition(ease-out, margin, 300ms, 0ms);
.chat-open &{
margin-right:24%;
margin-left:2%;
}
}
.grid-small{
width:320px;

View file

@ -33,6 +33,7 @@ Template.footer.events = {
}
window.chat_loaded=true;
}
$('body').toggleClass('chat-open');
$('#tlkio').toggleClass('open');
}
}