Fix: Prevent horizontal scrollbar

Merged
AM
1y ago
+1-1

What

  • Fix: מניעת גלילה אופקית ו״שטח מת״ בצפייה בקוד במיני ווב־אפ בטאבלט.
  • הוספת overflow-x: hidden; לכלל html, body ב־webapp/templates/base.html.

Why

במכשירי טאבלט הופיעה גלילה אופקית ושטח ריק בצד בעת צפייה בקוד. הגורם הוא overflow לרוחב שנגרם מאלמנט(ים) נדירים. חסימת גלילה אופקית ברמת הדף מונעת את התופעה בצורה בטוחה מבלי לשבור פריסות קיימות.

How

html, body { height: 100%; overflow-x: hidden; }

שאר הפריסה נשארה ללא שינוי. אין פגיעה ב־desktop.

Tests

  • בדיקה ידנית בטאבלט/אמולטור: מעבר לצפייה בקובץ → אין יותר גלילה אופקית.
  • בדיקה רוחבית: עמודי files, view_file, html_preview נטענים ללא תופעות לוואי.

Risks & Rollback

  • סיכון נמוך: ייתכן חיתוך מינורי של overflow אופקי חריג. במקרה כזה נטפל נקודתית באלמנט.
  • Rollback: הסרת כלל ה־CSS בקובץ base.html תחזיר התנהגות קודמת.

Reference

  • Gist ההצעה: c1ee47e6d439414040d909295b4756ab
  • מדיניות פרויקט: קוד־בוט – Android & AI Style Rules