Multitabling with Table Icon Bar Navigation

Aperta
  • Qualcosa non va?
#55 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@Dzeezbtc ci sta già lavorando.

Dal 16/10/2026.

  • #793 di @Dzeezbtc — aperta
  • #833 di @Dzeezbtc — aperta

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
25/100
Tipo di issue
Funzionalità
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
typescript
Ambito
frontend

Direzione di ricerca

No file, test, or entry point is named in the issue. Start by locating the existing table and lobby UI, then confirm the layout and independent-state design with maintainers. Done means supporting up to four tables with icon navigation, responsive layouts, table closing, and preserved progress.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement feature game-flow

Image
Image
Image
Image
Image
Image

Feature Request: Multitabling with Table Icon Bar Navigation
Description:
Introduce a multitabling system that allows players to play on up to 4 tables simultaneously. A table icon bar will be implemented at the top of the screen, giving users a simple way to manage and toggle between multiple tables.

🧭 UI Implementation Details:

At the top of the screen, a persistent icon bar is displayed showing:

1 active table icon (representing the current table)

3 additional icons with a “+” symbol, indicating they are open slots for multitabling

➕ Clicking a “+” Icon:

Opens a new table setup screen, allowing the player to select a new game to join (similar to Google Chrome’s "New Tab" flow)

Once a new table is selected:

The screen splits to accommodate both tables side-by-side

Each table functions independently but in parallel

🪟 Table View Behavior:

2 Tables Open → Split screen (side-by-side)

3 Tables Open → Tri-split layout or 2 stacked, 1 floating

4 Tables Open → Quad-split screen (each table gets a quarter of the screen)

📌 Additional Features:

Clicking a table icon in the top bar brings that table into full-screen focus

Clicking it again returns to multi-table view

Users can close a table by clicking a small "X" on the icon tab

Each table must retain its independent state and game progress

✅ Requirements:

Support up to 4 simultaneous tables

Maintain independent game logic per table

Implement tab-like navigation for clean switching and resizing

Must include responsive layouts for split screen and full-screen modes

Ensure performance is optimized for multiple active instances

🎯 Goals:

Allow seamless multitabling for experienced players

Provide intuitive navigation and layout management

Avoid UI clutter and keep performance high

Lingua principale
TypeScript
Stelle
2
Fork
5
Merge medio
22h 35m
PR unite (30g)
91

Preparare l'ambiente

Non abbiamo ancora controllato i file di configurazione di questo progetto. Parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di block52/ui

Tutte le issue di block52/ui

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.