moanos/Notfellchen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Various redesigns

Browse Source
This commit is contained in:
moanos [he/him] 2024-04-14 20:34:26 +02:00
parent 8037b66597
commit 7a649d00ee
3 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/fellchensammlung/static/fellchensammlung/css/styles.css
View File

@ -314,7 +314,7 @@ h1 {
.adoption-notices { .adoption-notices {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
list-style-type:none; list-style-type: none;
} }
.card-adoption-notice { .card-adoption-notice {
@ -344,7 +344,7 @@ h1 {
.animals { .animals {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
list-style-type:none; list-style-type: none;
} }
.card-animal { .card-animal {
@ -359,12 +359,24 @@ h1 {
.card-animal { .card-animal {
flex: 1 100%; flex: 1 100%;
} }
.card-adoption-notice {
flex: 1 100%;
}
} }
.card-animal img { .adoption-notice-img img, .card-animal img {
max-width: 100%; max-width: 100%;
border-radius: 10%; border-radius: 10%;
margin: 5px; margin: 5px;
max-height: 250px; max-height: 250px;
} }
.adoption-card-report-link {
margin-left: auto;
font-size: 2rem;
padding: 10px;
}
.heading-card-adoption-notice {
word-wrap: anywhere;
}

2
src/fellchensammlung/templates/fellchensammlung/lists/list-adoption-notices.html
View File

@ -3,5 +3,3 @@
{% include "fellchensammlung/partials/partial-adoption-notice.html" %} {% include "fellchensammlung/partials/partial-adoption-notice.html" %}
{% endfor %} {% endfor %}
</div> </div>

4
src/fellchensammlung/templates/fellchensammlung/partials/partial-adoption-notice.html
View File

@ -4,8 +4,8 @@
<div class="card-adoption-notice"> <div class="card-adoption-notice">
<div> <div>
<div class="header-card-adoption-notice"> <div class="header-card-adoption-notice">
<h1><a href="{{ adoption_notice.get_absolute_url }}"> {{ adoption_notice.name }}</a></h1> <h1><a class="heading-card-adoption-notice" href="{{ adoption_notice.get_absolute_url }}"> {{ adoption_notice.name }}</a></h1>
<a href="{{ adoption_notice.get_report_url }}">{% translate "Melden" %}</a> <a class="adoption-card-report-link" href="{{ adoption_notice.get_report_url }}"><i class="fa-solid fa-flag"></i></a>
</div> </div>
<p><b>{% translate "Notfellchen" %}:</b> {{ adoption_notice.animals.all|join_link:", " | safe }} <p><b>{% translate "Notfellchen" %}:</b> {{ adoption_notice.animals.all|join_link:", " | safe }}
</p> </p>