improvement: Make reset button more visible in footer
Reset-Button war zu unauffällig (nur 🔄-Symbol). Jetzt prominenter: - Label: \"🔄 Reset\" statt nur 🔄 - Border: dünne Linie um den Button - Hover-Effekt: Farbe ändert sich zu Petrol (#0F766E) - Cursor zeigt es ist klickbar Button sitzt im Footer zwischen Versionsnummer und Links. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Haiku 4.5
parent
b94f58fcd5
commit
ceabc34bbe
+14
-4
@@ -1403,17 +1403,27 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
if(!footer) return;
|
if(!footer) return;
|
||||||
|
|
||||||
const resetBtn = document.createElement('button');
|
const resetBtn = document.createElement('button');
|
||||||
resetBtn.textContent = '🔄';
|
resetBtn.textContent = '🔄 Reset';
|
||||||
resetBtn.title = 'App auf Defaults zurücksetzen (alle Einstellungen + Editor löschen)';
|
resetBtn.title = 'App auf Defaults zurücksetzen (alle Einstellungen + Editor löschen)';
|
||||||
resetBtn.style.cssText = `
|
resetBtn.style.cssText = `
|
||||||
background: none;
|
background: none;
|
||||||
border: none;
|
border: 1px solid var(--muted, #999);
|
||||||
color: var(--muted, #999);
|
color: var(--muted, #999);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 14px;
|
font-size: 12px;
|
||||||
padding: 0 4px;
|
padding: 2px 6px;
|
||||||
|
border-radius: 3px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
transition: all 0.2s ease;
|
||||||
`;
|
`;
|
||||||
|
resetBtn.addEventListener('mouseenter', () => {
|
||||||
|
resetBtn.style.borderColor = 'var(--or, #0F766E)';
|
||||||
|
resetBtn.style.color = 'var(--or, #0F766E)';
|
||||||
|
});
|
||||||
|
resetBtn.addEventListener('mouseleave', () => {
|
||||||
|
resetBtn.style.borderColor = 'var(--muted, #999)';
|
||||||
|
resetBtn.style.color = 'var(--muted, #999)';
|
||||||
|
});
|
||||||
resetBtn.addEventListener('click', resetToDefaults);
|
resetBtn.addEventListener('click', resetToDefaults);
|
||||||
|
|
||||||
/* Einfügen nach der Versionsnummer */
|
/* Einfügen nach der Versionsnummer */
|
||||||
|
|||||||
Reference in New Issue
Block a user