Keep event log toggle in place

This commit is contained in:
2026-07-10 11:59:30 -07:00
parent 2210bcd48e
commit 1a4bc86139
4 changed files with 18 additions and 9 deletions

View File

@@ -1,7 +1,7 @@
## Polish ## Polish
- [x] The character sheet modal popup is narrower than it needs to be on wide screens. I think it could safely be like 90% as wide as the non-modal UI. - [x] The character sheet modal popup is narrower than it needs to be on wide screens. I think it could safely be like 90% as wide as the non-modal UI.
- [ ] Popping out the event log should leave a close button where the "Event Log" open button is, so that you don't have to move your mouse to quickly toggle it. The existing close button can remain. - [x] Popping out the event log should leave a close button where the "Event Log" open button is, so that you don't have to move your mouse to quickly toggle it. The existing close button can remain.
- [ ] Use the same vertical UI for the player list in all phases - [ ] Use the same vertical UI for the player list in all phases
- [ ] In the admin panel, if a pi-rat doesn't have a name yet, it should show something like 'not chosen yet' rather than the player name - [ ] In the admin panel, if a pi-rat doesn't have a name yet, it should show something like 'not chosen yet' rather than the player name
- [ ] In the admin panel, the "Open" and "Copy" buttons should be the same size - [ ] In the admin panel, the "Open" and "Copy" buttons should be the same size

View File

@@ -24,7 +24,7 @@
} }
} }
/* Corner button that reopens the collapsed inline Event Log. */ /* Corner button that toggles the inline Event Log without moving. */
.log-reopen-btn { .log-reopen-btn {
position: fixed; position: fixed;
bottom: 20px; bottom: 20px;

View File

@@ -7,7 +7,7 @@
export let state; export let state;
// The inline Event Log can be collapsed to a corner button to declutter. // The inline Event Log can be toggled from a fixed corner button to declutter.
let logOpen = true; let logOpen = true;
$: hand = state.player.hand_cards ? JSON.parse(state.player.hand_cards) : []; $: hand = state.player.hand_cards ? JSON.parse(state.player.hand_cards) : [];
@@ -70,8 +70,10 @@
{/if} {/if}
</div> </div>
{#if !logOpen} <button
<button class="log-reopen-btn" title="Show the event log" on:click={() => (logOpen = true)}> class="log-reopen-btn"
📜 Event Log title={logOpen ? 'Hide the event log' : 'Show the event log'}
on:click={() => (logOpen = !logOpen)}
>
{logOpen ? '✕ Close Log' : '📜 Event Log'}
</button> </button>
{/if}

View File

@@ -6,10 +6,17 @@
// - Add a CHANGELOG entry only when a commit changes something players can // - Add a CHANGELOG entry only when a commit changes something players can
// see. Skip refactors, tests, and tooling. Keep wording player-facing. // see. Skip refactors, tests, and tooling. Keep wording player-facing.
export const VERSION = 13; export const VERSION = 14;
// Newest first. Each entry: { version, date: 'YYYY-MM-DD', changes: [string, ...] }. // Newest first. Each entry: { version, date: 'YYYY-MM-DD', changes: [string, ...] }.
export const CHANGELOG = [ export const CHANGELOG = [
{
version: 14,
date: '2026-07-10',
changes: [
'The corner Event Log button now stays put when the log is open, so it can be closed again without moving your mouse.',
],
},
{ {
version: 13, version: 13,
date: '2026-07-10', date: '2026-07-10',