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

feat: Add tooltip to report link

Browse Source
This commit is contained in:
moanos [he/him] 2025-01-09 06:30:22 +01:00
parent da51007b77
commit 907ed583cd
2 changed files with 33 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -740,7 +740,7 @@ a.btn, a.btn2, a.nav-link {
.header-card-adoption-notice { .header-card-adoption-notice {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-between;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
@ -802,6 +802,11 @@ a.btn, a.btn2, a.nav-link {
font-size: 2rem; font-size: 2rem;
} }
.adoption-card-report-link {
margin-right: 12px;
}
.notification-card-mark-read { .notification-card-mark-read {
display: inline; display: inline;
} }

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

@ -2,12 +2,16 @@
{% load i18n %} {% load i18n %}
<div class="card"> <div class="card">
<div>
<div class="header-card-adoption-notice"> <div class="header-card-adoption-notice">
<h2 class="heading-card-adoption-notice"><a <h2 class="heading-card-adoption-notice"><a
href="{{ adoption_notice.get_absolute_url }}"> {{ adoption_notice.name }}</a></h2> href="{{ adoption_notice.get_absolute_url }}"> {{ adoption_notice.name }}</a></h2>
<div class="tooltip bottom">
<a class="adoption-card-report-link" href="{{ adoption_notice.get_report_url }}"><i <a class="adoption-card-report-link" href="{{ adoption_notice.get_report_url }}"><i
class="fa-solid fa-flag"></i></a> class="fa-solid fa-flag"></i></a>
<span class="tooltiptext">
{% translate 'Melde diese Vermittlung an Moderator*innen' %}
</span>
</div>
</div> </div>
<p> <p>
<b><i class="fa-solid fa-location-dot"></i></b> <b><i class="fa-solid fa-location-dot"></i></b>
@ -29,4 +33,3 @@
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div>