Parcourir la source

Fix settings page CSS transitions causing partial repaint on linuxfb

Remove CSS transitions (opacity, max-height, padding) from collapsible
sections that were causing touch/rendering issues on embedded displays.
Replace opacity-based hide with display:none for instant toggle.

Fixes issues introduced in 28f966d where:
- Touch to wake showed console window instead of app
- Swiping/touching only rendered the touched portion

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
tuanchris il y a 1 mois
Parent
commit
7c340eca22
1 fichiers modifiés avec 3 ajouts et 8 suppressions
  1. 3 8
      templates/settings.html

+ 3 - 8
templates/settings.html

@@ -221,7 +221,7 @@ input:checked + .slider:before {
 }
 
 .section-toggle-icon {
-  transition: transform 0.2s ease-in-out;
+  /* No transition - causes partial repaint issues on linuxfb */
 }
 
 .section-header.collapsed .section-toggle-icon {
@@ -234,16 +234,11 @@ input:checked + .slider:before {
 
 .section-content {
   overflow: hidden;
-  transition: max-height 0.3s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out;
-  max-height: 2000px;
-  opacity: 1;
+  /* No transitions - causes partial repaint issues on linuxfb/embedded displays */
 }
 
 .section-content.collapsed {
-  max-height: 0;
-  opacity: 0;
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
+  display: none;
 }
 
 /* Time slot specific styles */