diff --git a/src/systems/ui/layout.js b/src/systems/ui/layout.js index 9993154..597183c 100644 --- a/src/systems/ui/layout.js +++ b/src/systems/ui/layout.js @@ -266,11 +266,15 @@ export function applyPanelPosition() { * Updates the UI based on generation mode selection. */ export function updateGenerationModeUI() { + const $mobileBtn = $('#rpg-manual-update-mobile'); + if (extensionSettings.generationMode === 'together') { - // In "together" mode, manual update button is hidden + // In "together" mode, hide both desktop and mobile refresh buttons $('#rpg-manual-update').hide(); + $mobileBtn.addClass('rpg-hidden-mode'); } else { - // In "separate" mode, manual update button is visible + // In "separate" mode, show both desktop and mobile refresh buttons $('#rpg-manual-update').show(); + $mobileBtn.removeClass('rpg-hidden-mode'); } } diff --git a/style.css b/style.css index 4499224..280f771 100644 --- a/style.css +++ b/style.css @@ -3328,6 +3328,9 @@ body:has(.rpg-panel.rpg-position-left) #sheld { user-select: none; -webkit-user-select: none; will-change: top, left; + /* Hidden by default - shown when panel open AND separate mode */ + opacity: 0; + pointer-events: none; } .rpg-mobile-refresh.dragging { @@ -3387,17 +3390,23 @@ body:has(.rpg-panel.rpg-position-left) #sheld { display: flex; } - /* Show the mobile FAB refresh button */ + /* Show the mobile FAB refresh button (but hidden by opacity) */ .rpg-mobile-refresh { display: flex; } + /* Show refresh button when panel is open AND not hidden by generation mode */ + body:has(.rpg-panel.rpg-mobile-open) .rpg-mobile-refresh:not(.rpg-hidden-mode) { + opacity: 1; + pointer-events: auto; + } + /* Hide desktop refresh button on mobile */ #rpg-manual-update { display: none !important; } - /* Hide FAB when panel is open */ + /* Hide toggle FAB when panel is open */ body:has(.rpg-panel.rpg-mobile-open) .rpg-mobile-toggle { opacity: 0; pointer-events: none;