Compare commits

..

6 Commits

3 changed files with 37 additions and 5 deletions

View File

@ -23,7 +23,8 @@ body {
grid-template-rows: auto 1fr;
grid-template-areas: "header header" "sidebar content";
margin: 0;
padding: 0; }
padding: 0;
min-height: 100vh; }
.LP-Main__Content {
min-height: 1px;
@ -41,6 +42,9 @@ body {
.LP-Section .LP-Headline {
margin-left: -25px; }
.LP-Menu__Trigger {
display: none; }
@media (max-width: 1000px) {
.LP-Wrapper__Site {
grid-template-columns: 187.5px 1fr; } }
@ -53,8 +57,6 @@ body {
margin: 0; } }
@media (max-width: 650px) {
.LP-Wrapper__Site {
grid-template-columns: 0 1fr; }
@keyframes slide_out_siedebar {
from {
left: -250px; }
@ -65,6 +67,8 @@ body {
left: 0; }
to {
left: -250px; } }
.LP-Wrapper__Site {
grid-template-columns: 0 1fr; }
.LP-Main__Sidebar {
grid-area: unset;
width: 250px;
@ -74,6 +78,8 @@ body {
height: 100vh;
top: 60px;
border-right: 1px solid #C09F80; }
.LP-Main__Sidebar--hidden {
visibility: hidden; }
#toggle_sidebar:checked ~ .LP-Main__Sidebar {
animation-name: slide_out_siedebar;
animation-duration: .3s;
@ -81,8 +87,6 @@ body {
#toggle_sidebar ~ .LP-Main__Sidebar {
animation-name: slide_in_siedebar;
animation-duration: .3s; }
.LP-Menu__Trigger {
display: none; }
.LP-Menu__TriggerLabel {
z-index: 20;
height: 60px;

View File

@ -12,6 +12,20 @@
{% block additional_head %}
{% endblock additional_head %}
<script>
document.addEventListener("DOMContentLoaded", function(){
Array.from(document.getElementsByClassName('LP-Main__Sidebar')).forEach(function(element){
element.classList.add('LP-Main__Sidebar--hidden')
})
setTimeout(function(){
Array.from(document.getElementsByClassName('LP-Main__Sidebar')).forEach(function(element){
element.classList.remove('LP-Main__Sidebar--hidden')
})
}, 500)
})
</script>
</head>
<body>

View File

@ -8,6 +8,13 @@
<li class="LP-Pagination__Item LP-Pagination__Item--previous">
<a href="?page={{ page_obj.previous_page_number }}" class="LP-Link"><span class="LP-Pagination__Previous">previous</span></a>
</li>
{% else %}
<li class="LP-Pagination__Item LP-Pagination__Item--first LP-Pagination__Item--disabled">
<span class="LP-Pagination__First">first</span>
</li>
<li class="LP-Pagination__Item LP-Pagination__Item--previous LP-Pagination__Item--disabled">
<span class="LP-Pagination__Previous">previous</span>
</li>
{% endif %}
{% for i in page_obj.paginator %}
{% if i.number == page_obj.number %}
@ -25,6 +32,13 @@
<li class="LP-Pagination__Item LP-Pagination__Item--last">
<a href="?page={{ page_obj.paginator.num_pages }}" class="LP-Link"><span class="LP-Pagination__Last">last</span></a>
</li>
{% else %}
<li class="LP-Pagination__Item LP-Pagination__Item--next LP-Pagination__Item--disabled">
<span class="LP-Pagination__Next">next</span>
</li>
<li class="LP-Pagination__Item LP-Pagination__Item--last LP-Pagination__Item--disabled">
<span class="LP-Pagination__Last">last</span>
</li>
{% endif %}
</ul>
</div>