Menu principale "in alto" scorrevole

[d.termini]

Tema Zen

Sarebbe possibile con poche modifiche fare in modo di rendere scorrevole il menu principale dell'applicazione in modalità top nel caso di risoluzione ridotta?
Qualcuno magari l'ha già fatto e può darmi una dritta?
Più che altro vorrei che non comparisse una scrollbar ma funzionasse stile le toolbar che quando troppo piccole hanno le 2 freccine per scorrere i bottoni, e ovviamente quando il menu si espande deve farlo nella nuova posizione e non su quella che avrebbe di default.

[eurekapv]

La cosa piu' semplice (senza scomodare Javascript) è quella di aggiungere al custom.css una regola come questa sotto
Crea una scrollbar orizzontale quando non ci stanno piu in videata....se invece vuoi aggiungere anche pulsanti si puo' fare ma bisogna intervenire anche lato javascript

Code: Select all

#menu-container {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: thin;
}


[d.termini]

Grazie Pietro :)

[d.pierangeli]

Al momento senza mettere le mani sul JavaScript non si riesce.

Chrome ha appena rilasciato questo : https://developer.chrome.com/blog/carou ... #resources

Quindi se anche Safari e Firefox si allineano entro l'anno si potrà farlo direttamente e totalmente da CSS.

[d.termini]

Figo, avevo visto delle demo in passato che usavano solo CSS che si basavano sulle trasformazioni in base alla posizione del mouse ma non mi sono mai addentrato troppo nel funzionamento.