Fixes visibility of the moving sidebar

This commit is contained in:
Yury Delendik 2012-05-01 13:31:23 -05:00
parent 69a40ef8d8
commit b8db3356c3
2 changed files with 7 additions and 1 deletions

View File

@ -52,6 +52,9 @@ body {
-webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease;
}
#outerContainer.sidebarMoving > #sidebarContainer {
visibility: visible;
}
#outerContainer.sidebarOpen > #sidebarContainer {
visibility: visible;
left: 0px;

View File

@ -1353,18 +1353,21 @@ window.addEventListener('load', function webViewerLoad(evt) {
thumbsView.addEventListener('scroll', updateThumbViewArea, true);
var mainContainer = document.getElementById('mainContainer');
var outerContainer = document.getElementById('outerContainer');
mainContainer.addEventListener('transitionend', function(e) {
if (e.target == mainContainer) {
var event = document.createEvent('UIEvents');
event.initUIEvent('resize', false, false, window, 0);
window.dispatchEvent(event);
outerContainer.classList.remove('sidebarMoving');
}
}, true);
document.getElementById('sidebarToggle').addEventListener('click',
function() {
this.classList.toggle('toggled');
document.getElementById('outerContainer').classList.toggle('sidebarOpen');
outerContainer.classList.add('sidebarMoving');
outerContainer.classList.toggle('sidebarOpen');
updateThumbViewArea();
});