Comment out unused CSS styles

Unused CSS styles related to hover, tap highlight, and button states in the App component have been commented out to clean up the file. This change helps to improve code readability and reduce clutter while retaining the styles for potential future use.
This commit is contained in:
2026-02-03 13:03:33 +01:00
parent 821d21a4f9
commit 1645de206f

View File

@@ -264,13 +264,13 @@ export default function App() {
body { body {
overflow-x: hidden; overflow-x: hidden;
touch-action: pan-y; // touch-action: pan-y;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
#root { background: transparent; } #root { background: transparent; }
/* ✅ HOVER/ACTIVE komplett entfernen Row + alle Children */ /*
.hp-row:hover, .hp-row:hover,
.hp-row:active, .hp-row:active,
.hp-row:focus, .hp-row:focus,
@@ -288,21 +288,17 @@ export default function App() {
box-shadow: none !important; box-shadow: none !important;
outline: none !important; outline: none !important;
} }
/* ✅ Mobile Tap-Highlight killen (dieser "Flash" schaut oft wie Hover aus) */
.hp-row, .hp-row * { .hp-row, .hp-row * {
-webkit-tap-highlight-color: transparent !important; -webkit-tap-highlight-color: transparent !important;
-webkit-touch-callout: none; -webkit-touch-callout: none;
} }
/* ✅ Button-Default Hover/Active Kill (dein tagBtn & helpBtn etc.) */
button:hover, button:hover,
button:active, button:active,
button:focus { button:focus {
filter: none !important; filter: none !important;
box-shadow: none !important; box-shadow: none !important;
outline: none !important; outline: none !important;
} }*/
`; `;
document.head.appendChild(style); document.head.appendChild(style);
}, []); }, []);