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

feat: add floating button to give feedback

Browse Source
This commit is contained in:
moanos [he/him] 2025-04-18 00:39:24 +02:00
parent d309ea2b46
commit 1606c7dcf1
4 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/i18n/de.json
View File

@ -10,6 +10,7 @@
"full-floors": "Vollebenen",
"result": "Ergebnis",
"number-of-rats": "Anzahl an Ratten",
"give-feedback": "Feedback geben",
"change-language": "Sprache ändern",
"information-on-rat-husbandry": "Information",
"basic-rat-info": "Basiswissen Ratten",
@ -20,7 +21,6 @@
"the-vdrd": "VdRD e.V.",
"imprint": "Impressum",
"source-code": "Quellcode",
"give-feedback": "Feedback geben",
"feedback": "Feedback",
"sus-title": "Bewerte den Rechner",
"explanation-feedback": "Vielen Dank, dass du uns Feedback gibst! Dein Feedback hilft uns den Rechner zu verbessern. Wir sammeln dabei keinerlei persönliche Daten. Du tust uns einfach nur einen großen Gefallen!",

2
public/i18n/en.json
View File

@ -10,6 +10,7 @@
"full-floors": "Full floors",
"result": "Result",
"number-of-rats": "Number of Rats",
"give-feedback": "Give Feedback",
"change-language": "Change language",
"information-on-rat-husbandry": "Information",
"basic-rat-info": "Basic Rat Information",
@ -20,7 +21,6 @@
"the-vdrd": "VdRD r.V.",
"imprint": "Imprint",
"source-code": "Source Code",
"give-feedback": "Give Feedback",
"feedback": "Feedback",
"sus-title": "Rate the calculator",
"explanation-feedback": "Thank you for giving us feedback! We will use your feedback to improve the calculator.",

4
public/index.html
View File

@ -219,6 +219,8 @@
</div>
</div>
<button class="button is-primary floating js-modal-trigger" data-target="modal-feedback" data-i18n="give-feedback"></button>
<div class="footer" aria-label="Footer">
<div class="columns">
<div class="column">
@ -272,6 +274,8 @@
</div>
</div>
<div id="modal-feedback" class="modal">
<div class="modal-background"></div>

9
src/main.scss
View File

@ -161,4 +161,13 @@ Reused from Notfellchen
justify-content: space-between;
font-size: 0.9rem;
margin-top: 0.25rem;
}
// FLOATING BUTTON
.floating {
position: fixed;
border-radius: 0.3rem;
bottom: 4.5rem;
right: 1rem;
}