V8-archive: Improve Responsive Layout for Mobile/Touch

Created on 31 Dec 2019  路  3Comments  路  Source: directus/v8-archive

Great function directus, but somes views not working on mobile.
Demo Mobile Directus
implement view for mobile in future?

app

Most helpful comment

Appreciate the suggestion @andgar2010. Directus doesn't follow material design exactly, and we try to keep it as un-opinionated as possible. Relying on a framework like this is a curse and a blessing. On the one hand, it makes it super fast to whip together a layout, but on the other hand, it does limit your ability to style and layout exactly the way you want it. We're about to refactor a lot of the core components in use in Directus based on the APIs and general structure of Quasar/Vuetify/Etc to have the best of both worlds

All 3 comments

@benhaynes
I want to say out of great respect for your team this great UI development work.

I know good framework Quasar (Vue.JS) because I worked with this has support responsive web, PWA, Mobile App.
You can see more information at this link:
Home Framework Quasar
Why Framework Quasar

I humbly think that implement UI Quasar Framework in Directus because it supports Vue.JS, ease of work with build mode (SPA, SSR, PWA, Mobile app, Desktop app) and Material Design 2.0.

Appreciate the suggestion @andgar2010. Directus doesn't follow material design exactly, and we try to keep it as un-opinionated as possible. Relying on a framework like this is a curse and a blessing. On the one hand, it makes it super fast to whip together a layout, but on the other hand, it does limit your ability to style and layout exactly the way you want it. We're about to refactor a lot of the core components in use in Directus based on the APIs and general structure of Quasar/Vuetify/Etc to have the best of both worlds

Came here for the same!

Directus currently is not suited for mobile usage (portrait). The "info-sidebar" comes into the way and the table is cut off or scrolls horizontally.

I know there is a custom .css and I'm using just that to mitigate the issue a little bit, but it's not as easy at it seems


Saw the pre-release and can safely say that it's a lot more optimized for mobile!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

binary-koan picture binary-koan  路  3Comments

cdwmhcc picture cdwmhcc  路  3Comments

gitlabisbetterthangithub picture gitlabisbetterthangithub  路  3Comments

magikstm picture magikstm  路  3Comments

chintohere picture chintohere  路  3Comments