Keep event log toggle in place
This commit is contained in:
2
TODO.md
2
TODO.md
@@ -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
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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'}
|
||||||
</button>
|
on:click={() => (logOpen = !logOpen)}
|
||||||
{/if}
|
>
|
||||||
|
{logOpen ? '✕ Close Log' : '📜 Event Log'}
|
||||||
|
</button>
|
||||||
|
|||||||
@@ -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',
|
||||||
|
|||||||
Reference in New Issue
Block a user