diff --git a/public/styles/main.css b/public/styles/main.css index 5b7cc6f..41986c4 100644 --- a/public/styles/main.css +++ b/public/styles/main.css @@ -3382,4 +3382,48 @@ html { .primary-node-refresh { padding: 0.3rem; } +} + +/* Reduce tap highlight and flicker in firmware view */ +#firmware-view, +.upload-btn, +.upload-btn-compact, +.deploy-btn, +.cap-call-btn, +.progress-refresh-btn, +.clear-btn, +.refresh-btn, +.progress-item, +.result-item, +.file-info { + -webkit-tap-highlight-color: transparent; +} + +/* Disable hover-driven animations/effects on touch devices in firmware view */ +@media (hover: none) { + #firmware-view .upload-btn:hover, + #firmware-view .upload-btn-compact:hover, + #firmware-view .deploy-btn:hover:not(:disabled), + #firmware-view .progress-refresh-btn:hover, + #firmware-view .cap-call-btn:hover, + #firmware-view .clear-btn:hover, + #firmware-view .refresh-btn:hover, + #firmware-view .progress-item:hover, + #firmware-view .result-item:hover, + #firmware-view .firmware-upload-progress:hover, + #firmware-view .firmware-upload-results:hover, + #firmware-view .file-info:hover { + transform: none !important; + box-shadow: none !important; + } + + #firmware-view .progress-item:hover::before, + #firmware-view .result-item:hover::before { + opacity: 0 !important; + } + + /* Prevent shimmer animation on deploy button hover */ + #firmware-view .deploy-btn:hover:not(:disabled)::before { + left: -100% !important; + } } \ No newline at end of file