Используйте классы CSS и включайте или выключайте их в своем методе click вместо установки стилей с помощью javascript.
Фрагмент:
const menu = document.querySelector('aside');
const nav = document.querySelector('nav');
menu.addEventListener('click', () => {
nav.classList.toggle("margin");
menu.classList.toggle("left");
})
aside {
border-right: 1px solid #e2e2e2;
width: 3vw;
height: 100vh;
line-height: 100vh;
position: fixed;
top: 0;
left: 0;
transition: 1s;
-webkit-transition: 1s;
-ms-transition: 1s;
-moz-transition: 1s;
}
nav {
width: 97vw;
height: 100vh;
margin-left: -100vw;
transition: 1s;
-webkit-transition: 1s;
-ms-transition: 1s;
-moz-transition: 1s;
}
.margin {
margin-left: 0;
}
.left {
left: 97vw;
}
<aside>
menu
</aside>
<nav>
<ul>
<li>Home</li>
<li>ABOUT</li>
<li>Contact</li>
</ul>
</nav>
Это может произойти, если там ожидают миграции сессии.
у Вас есть 17 остающихся без применения миграций (миграций). Ваш проект не может работать правильно, пока Вы не применяете миграции для приложения (приложений): администратор, автор, contenttypes, сессии.
можно использовать следующую команду для выполнения миграций:
python manage.py migrate
Это устранит проблему.