fix(mobile): eliminate contenteditable bottom padding in dashboard v2 widgets
PROBLEM: 1x1 mobile widgets displayed poorly with excessive vertical spacing ROOT CAUSE: Conflicting @media (max-width: 768px) set min-height: 2.75rem on all .rpg-editable FIXES: - Remove conflicting 768px media query min-height rule - Add line-height: 1.2, min-height: 0, height: auto to .rpg-editable - Use display: block for single-line fields instead of -webkit-box - GridEngine detects mobile viewport (≤1000px) for 3.5rem rowHeight - mobile.js skips old tab setup when Dashboard v2 exists - Hide weather forecast label on mobile (shows icon text only) - Fix weather text wrapping with white-space: nowrap AFFECTED: - style.css: Mobile contenteditable spacing, weather widget, widget scaling - gridEngine.js: Mobile rowHeight detection (isMobileViewport) - mobile.js: Skip mobile tabs when Dashboard v2 present
This commit is contained in:
@@ -509,6 +509,13 @@ export function setupMobileTabs() {
|
||||
const isMobile = window.innerWidth <= 1000;
|
||||
if (!isMobile) return;
|
||||
|
||||
// Check if Dashboard v2 is present - if so, skip mobile tabs (dashboard has its own tab system)
|
||||
const $dashboardContainer = $('#rpg-dashboard-container');
|
||||
if ($dashboardContainer.length > 0) {
|
||||
console.log('[RPG Mobile] Dashboard v2 detected - skipping old mobile tabs setup');
|
||||
return;
|
||||
}
|
||||
|
||||
// Check if tabs already exist
|
||||
if ($('.rpg-mobile-tabs').length > 0) return;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user