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

feat: add styled footer items for cards

Browse Source
This commit is contained in:
moanos [he/him]
2025-06-20 19:52:04 +02:00
parent 3f27564075
commit 7b8e3061d5
2 changed files with 24 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/fellchensammlung/static/fellchensammlung/css/main.scss
View File

@@ -2,7 +2,7 @@ $primary: #6CD4FF;
$link: #292a2c; $link: #292a2c;
$grey-light: #c4c6ce; $grey-light: #c4c6ce;
$grey-dark: #262728; $grey-dark: #262728;
$confirm: hsl(133deg ,100%,calc(41% + 0%));
// Path to Bulma's sass folder // Path to Bulma's sass folder
@use "bulma/sass" with ( @use "bulma/sass" with (
@@ -99,6 +99,25 @@ p > a {
} }
// Button in card footer
.card-footer {
overflow: hidden;
}
.card-footer .card-footer-item.is-confirm {
background-color: $confirm;
}
.card-footer .card-footer-item.is-confirm:hover {
filter: brightness(0.9);
}
.card-footer .card-footer-item.is-danger {
background-color: sass.$danger;
}
.card-footer .card-footer-item.is-danger:hover {
filter: brightness(0.9);
}
@font-face { @font-face {
font-family: 'Nunito'; font-family: 'Nunito';
font-style: normal; font-style: normal;

8
src/fellchensammlung/templates/fellchensammlung/partials/partial-check-rescue-org.html
View File

@@ -34,25 +34,25 @@
{% endif %} {% endif %}
</div> </div>
<div class="card-footer"> <div class="card-footer">
<div class="card-footer-item is-paddingless"> <div class="card-footer-item is-confirm">
<form method="post"> <form method="post">
{% csrf_token %} {% csrf_token %}
<input type="hidden" <input type="hidden"
name="rescue_organization_id" name="rescue_organization_id"
value="{{ rescue_org.pk }}"> value="{{ rescue_org.pk }}">
<input type="hidden" name="action" value="checked"> <input type="hidden" name="action" value="checked">
<button class="is-primary is-fullwidth" type="submit">{% translate "Organisation geprüft" %}</button> <button class="" type="submit">{% translate "Organisation geprüft" %}</button>
</form> </form>
</div> </div>
<div class="card-footer-item is-paddingless"> <div class="card-footer-item is-danger">
<form method="post"> <form method="post">
{% csrf_token %} {% csrf_token %}
<input type="hidden" <input type="hidden"
name="rescue_organization_id" name="rescue_organization_id"
value="{{ rescue_org.pk }}"> value="{{ rescue_org.pk }}">
<input type="hidden" name="action" value="exclude"> <input type="hidden" name="action" value="exclude">
<button class="is-primary is-fullwidth" type="submit">{% translate "Von Check exkludieren" %}</button> <button class="" type="submit">{% translate "Von Check exkludieren" %}</button>
</form> </form>
</div> </div>