Commander1024/lostplaces-backend
Commander1024/lostplaces-backend
1
0
Fork 0
Code Issues 14 Pull Requests Releases Wiki Activity

Compare commits

base: Commander1024:97a5052ad876fb36739a1a5a4c4cebc92ec17577
Branches Tags
Commander1024:master
Commander1024:develop
Commander1024:update/django-4.1.1
Commander1024:feature/50-Linktypes
Commander1024:feature/33-been-there-done-that
Commander1024:feature/30-user-profile-fields
Commander1024:27-Favorite-System
Commander1024:feature/localization
Commander1024:feature/authorized_tag
Commander1024:0.1.4
Commander1024:0.1.3
Commander1024:0.1.2
Commander1024:0.1.a2
Commander1024:0.1
..
compare: Commander1024:9f29ea603f3d74823816cc9894e2fe4a3da10377
Branches Tags
Commander1024:develop
Commander1024:update/django-4.1.1
Commander1024:master
Commander1024:feature/50-Linktypes
Commander1024:feature/33-been-there-done-that
Commander1024:feature/30-user-profile-fields
Commander1024:27-Favorite-System
Commander1024:feature/localization
Commander1024:feature/authorized_tag
Commander1024:0.1.4
Commander1024:0.1.3
Commander1024:0.1.2
Commander1024:0.1.a2
Commander1024:0.1

6 Commits
97a5052ad8 ... 9f29ea603f

Author SHA1 Message Date
reverend
9f29ea603f Merge branch 'master' of mowoe.com:reverend/lostplaces-backend 2020-08-16 11:56:32 +02:00
reverend
60a9f61358 css 2020-08-16 11:56:30 +02:00
Commander1024
c2b9b494cc Merge branch 'master' of mowoe.com:reverend/lostplaces-backend 2020-08-16 11:56:18 +02:00
Commander1024
99fbe827c9 Changed pagination template to show disabled nav elements. 2020-08-16 11:56:13 +02:00
reverend
6f1598e978 Fresh css 2020-08-16 11:42:41 +02:00
reverend
7a432921d1 Sidebar animation is not triggered when loading page 2020-08-16 11:41:03 +02:00
3 changed files with 37 additions and 5 deletions
Show Stats Expand all files Collapse all files

14
lostplaces/lostplaces_app/static/main.css
View File

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

14
lostplaces/lostplaces_app/templates/global.html
View File

@ -12,6 +12,20 @@
{% block additional_head %} {% block additional_head %}
{% endblock 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> </head>
<body> <body>

14
lostplaces/lostplaces_app/templates/partials/nav/pagination.html
View File

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