Compare commits
6 Commits
97a5052ad8
...
9f29ea603f
Author | SHA1 | Date | |
---|---|---|---|
9f29ea603f | |||
60a9f61358 | |||
c2b9b494cc | |||
99fbe827c9 | |||
6f1598e978 | |||
7a432921d1 |
@ -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;
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user