This repository was archived by the owner on Jun 9, 2018. It is now read-only.
This repository was archived by the owner on Jun 9, 2018. It is now read-only.
side-panel shield the main content #27
Description
At first, I access http://127.0.0.1:2368/ with Google Chrome in maximized mode, then click button "Blog" to access http://127.0.0.1:2368/#blog. It looks very normal. However, when I resize the browser window, side-panel shield the main content.
After I modified the /assets/js/main.js, it appeared to be normal.
$(document).ready(function() {
$('body').removeClass('no-js');
$('a.blog-button').click(function() {
if ($('.panel-cover').hasClass('panel-cover--collapsed')) return;
currentWidth = $('.panel-cover').width();
//if (currentWidth < 960) {
$('.panel-cover').addClass('panel-cover--collapsed');
$('.content-wrapper').addClass('animated slideInRight');
//} else {
// $('.panel-cover').css('max-width',currentWidth);
// $('.panel-cover').animate({'max-width': '530px', 'width': '40%'}, 400, swing = 'swing', function() {} );
//}
});
I'm not sure whether this kind of change could be a robust solution or not.