jbaysolutions/vue-grid-layout

Responsive Contribution

Open

#196 aperta il 29 giu 2018

Vedi su GitHub
 (4 commenti) (0 reazioni) (0 assegnatari)JavaScript (1436 fork)batch import
help wanted

Metriche repository

Star
 (6777 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

I commented a few days ago on issue #177 .

I think I have a way to add a responsive element into this package.

The basic idea is to add a few new properties to grid-item (smallH, smallW, mediumH, mediumW, largeH, largeW) that will allow users to assign different widths and heights based on screen size. grid-layout can then be modified to use matchMedia (https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia) and resize the grid-items as needed. Would this be an acceptable solution?

Guida contributor

Direzione di ricerca
Indaga l'aggiunta di proprietà di dimensionamento reattivo (smallH, smallW, ecc.) a grid item e l'uso di matchMedia per ridimensionare i grid items in base alle dimensioni dello schermo.
Tech stack
javascriptvue
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Vue
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70