got it working with two q-drawers

Nearly have it. I made this class .micpMenu.q-layout-drawer-left.off-screen {transform translateX(-50%)} which is working. It moves to the left to 50%. But I want the transformation to start at the right so the left part stays.

Ah. I know what to change @a47ae . If you have a q-drawer, with a q-button to collapse it, then generated ‘aside’ get this class ‘.q-layout-drawer-left.on-screen’. When you have a button to hide it, the class ‘transform’ entry becomes -100%. I need to change that to something else.

Hello. I looked at breakpoint but it doesn’t seem to do what I would like. Let me put a bit of html code to explain. I removed header and footer for that is no problem.

<div>
<div ‘drawer’>
<div>
left column 1 with some link icons
</div>
<div>
left column two with the list of the item clicked in left column one
</div>
</div>
<div>
content pane
</div>
</div>

So the idea is that the div with ‘drawer’ is the layout-drawer (if that is what to use). In it I’ll put two parts, namely a list with buttons going down and then in the second a list with items related to the button clicked in column one. What I would like is when I click the button to collapse the drawer it will collapse to a width to show column one. Normally it collapses all the way.

Or should I use the ‘flex’ with this?

Hi all. Is it possible to collapse a q-drawer to a certain width? What I would like in my q-drawer is put a q-list in the first column (just icons) and then in the second column in the q-drawer add a q-list which will change based on a session variable which contains an application section. The collapse should then only collapse the second column. Or is it better to use two q-drawers somehow?

ah then the node must be the issue. I’ll try tonight

Unfortunatly I have an error, the same after two tryouts. If you wonder what happens in a normal cmd window (instead of powershell) it’s the same. This is windows 10 64bit machine. Also I just pressed ENTER with the cordova question (I don’t want it actually). Any tips?

[EDIT] I see by default there is not a ‘scripts’ entry for ‘dev’ in ‘package.json’ I’ll see if I need to make that. I though since there is src it would show something with ‘quasar dev’ just like ‘quasar test’ works

PS D:\Workspace…\chk\chk> quasar dev
D:\Workspace…\chk\chk\node_modules\quasar-cli\bin\quasar-dev:60
async function goLive () {
^^^^^^^^
SyntaxError: Unexpected token function

• module.js:20 require
  internal/module.js:20:19

• quasar:80 Object.<anonymous>
  [chk]/[quasar-cli]/bin/quasar:80:3

ah then I’ll start my two projects. thanks.

Hi. I was wondering. If I start a v0.15 project will it need complete restart when v0.15 is released or can I just upgrade along the way?

Hello ‘dgk’. Nice you have this to work. May I ask if you used the feathers-quasar tutorial? I’m also making a quasar app to talk with a feathers backend but keep getting a unexpected token error. Maybe you can help with providing the package.json, router file, and a vue file where you use the api? Thanks