Cinque colonne

Cinque colonne
Leggimi

Cinque colonne

Cinque regioni in fila più larghe dello schermo, leggibili scorrendo lateralmente. La navigazione a sinistra non ne fa parte: è una regione della pagina e rimane al suo posto.

La fila scorre, la pagina no

`zone--split--scroll` mette l'overflow sulla fila: le colonne mantengono la larghezza che dichiarano e la divisione scorre sotto di esse. Ognuna mantiene ancora il proprio overflow verticale, quindi una colonna lunga scorre dove si trova.

Ogni colonna dichiara la sua larghezza

Niente occupa ciò che rimane qui, poiché non ce n'è: la fila è più lunga della pagina di proposito. Una regione che non dichiara dimensioni torna a una colonna sufficientemente larga per contenere qualcosa, e queste dichiarano le loro — 24rem ciascuna, cinque in totale.

Piegare una regione

Ogni colonna qui è un `zone-collapsible`. Piegata, non scompare: mantiene il suo posto nella fila e il suo spazio, e la sua barra si gira di lato — quindi il pulsante che l'ha piegata è anche il pulsante che la riapre, e nulla al di fuori deve sapere che esiste.

Chiamata, una regione viene ricordata: lo stato è scritto nello stato dell'interfaccia sotto il suo nome e letto quando la pagina viene servita, quindi arriva piegata anziché piegarsi sotto i tuoi occhi. La terza colonna si apre piegata, e l'ultima è renderizzata da un vue — stesso componente, stesse classi, stessa chiave.

Backlog
3
Ticket 1

Ciò che una colonna contiene non è affare della fila: scorre da sola, sotto una barra che rimane.

Ticket 2

Ciò che una colonna contiene non è affare della fila: scorre da sola, sotto una barra che rimane.

Ticket 3

Ciò che una colonna contiene non è affare della fila: scorre da sola, sotto una barra che rimane.

In corso
3
Ticket 1

Ciò che una colonna contiene non è affare della fila: scorre da sola, sotto una barra che rimane.

Ticket 2

Ciò che una colonna contiene non è affare della fila: scorre da sola, sotto una barra che rimane.

Ticket 3

Ciò che una colonna contiene non è affare della fila: scorre da sola, sotto una barra che rimane.

Revisione
3
Ticket 1

Ciò che una colonna contiene non è affare della fila: scorre da sola, sotto una barra che rimane.

Ticket 2

Ciò che una colonna contiene non è affare della fila: scorre da sola, sotto una barra che rimane.

Ticket 3

Ciò che una colonna contiene non è affare della fila: scorre da sola, sotto una barra che rimane.