diff options
| author | Asaad Mahmood <asaadmahmoodspin@users.noreply.github.com> | 2016-04-06 23:19:55 +0500 |
|---|---|---|
| committer | Corey Hulen <corey@hulen.com> | 2016-04-06 11:19:55 -0700 |
| commit | 32bc97f8559a3a1b9c9237dbb3640f9eac6daf98 (patch) | |
| tree | adf733dc5c6587bdab799de0d0eb125f55885036 /webapp/components/sidebar_right.jsx | |
| parent | 20274fe476b2bd547031c6fe86819c38dfee9050 (diff) | |
| download | chat-32bc97f8559a3a1b9c9237dbb3640f9eac6daf98.tar.gz chat-32bc97f8559a3a1b9c9237dbb3640f9eac6daf98.tar.bz2 chat-32bc97f8559a3a1b9c9237dbb3640f9eac6daf98.zip | |
Multiple UI Improvements
* Multiple UI Improvements
* Adding app_body behind missing classes
Diffstat (limited to 'webapp/components/sidebar_right.jsx')
| -rw-r--r-- | webapp/components/sidebar_right.jsx | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/webapp/components/sidebar_right.jsx b/webapp/components/sidebar_right.jsx index 594674929..43b4a34bb 100644 --- a/webapp/components/sidebar_right.jsx +++ b/webapp/components/sidebar_right.jsx @@ -66,28 +66,28 @@ export default class SidebarRight extends React.Component { var windowWidth = $(window).outerWidth(); var sidebarRightWidth = $('.sidebar--right').outerWidth(); - $('.inner-wrap').removeClass('.move--right'); - $('.inner-wrap').addClass('move--left'); - $('.sidebar--left').removeClass('move--right'); - $('.sidebar--right').addClass('move--left'); + $('.app__body .inner-wrap').removeClass('.move--right'); + $('.app__body .inner-wrap').addClass('move--left'); + $('.app__body .sidebar--left').removeClass('move--right'); + $('.app__body .sidebar--right').addClass('move--left'); //$('.sidebar--right').prepend('<div class="sidebar__overlay"></div>'); if (this.state.searchVisible || this.state.postRightVisible) { if (windowWidth > 960) { - velocity($('.inner-wrap'), {marginRight: sidebarRightWidth}, {duration: 500, easing: 'easeOutSine'}); - velocity($('.sidebar--right'), {translateX: 0}, {duration: 500, easing: 'easeOutSine'}); + velocity($('.app__body .inner-wrap'), {marginRight: sidebarRightWidth}, {duration: 500, easing: 'easeOutSine'}); + velocity($('.app__body .sidebar--right'), {translateX: 0}, {duration: 500, easing: 'easeOutSine'}); } else { - $('.inner-wrap, .sidebar--right').attr('style', ''); + $('.app__body .inner-wrap, .sidebar--right').attr('style', ''); } } else { if (windowWidth > 960) { - velocity($('.inner-wrap'), {marginRight: 0}, {duration: 500, easing: 'easeOutSine'}); - velocity($('.sidebar--right'), {translateX: sidebarRightWidth}, {duration: 500, easing: 'easeOutSine'}); + velocity($('.app__body .inner-wrap'), {marginRight: 0}, {duration: 500, easing: 'easeOutSine'}); + velocity($('.app__body .sidebar--right'), {translateX: sidebarRightWidth}, {duration: 500, easing: 'easeOutSine'}); } else { - $('.inner-wrap, .sidebar--right').attr('style', ''); + $('.app__body .inner-wrap, .sidebar--right').attr('style', ''); } - $('.inner-wrap').removeClass('move--left').removeClass('move--right'); - $('.sidebar--right').removeClass('move--left'); + $('.app__body .inner-wrap').removeClass('move--left').removeClass('move--right'); + $('.app__body .sidebar--right').removeClass('move--left'); return ( <div></div> ); |