Hey,
In my app I am using sidebar but with close icon in it. So, when I do active = false on click event of button.
Next time when I want to open sidebar it takes two clicks to open sidebar.
heres example,
https://jsfiddle.net/jsinh0001/mxcd1su7/
One more tiny thing is in vs-chip component
when we create chip, chip text get some margin on left side which is not centered align when we give padding to <vs-chip class="p-4">text</vs-chip>. Which is small fix. :)
In my app I am using sidebar but with close icon in it. So, when I do active = false on click event of button.
Next time when I want to open sidebar it takes two clicks to open sidebar.
This can be fixed by putting an .stop to the @click that opens the sidebar.
Example:
<vs-button @click.stop="active=true" color="primary" type="filled">{{active}}</vs-button>
The other one I've created several chips and they were align centered is a way, because the div has padding-right 10px and the text has margin-left 10px, even if it's margin/padding, they still had 10px os the sides so to me it was aligned, so I couldn't reproduce/fix.
That fixed problem. Thanks :+1:
Most helpful comment
This can be fixed by putting an
.stopto the@clickthat opens the sidebar.Example:
The other one I've created several chips and they were align centered is a way, because the div has padding-right 10px and the text has margin-left 10px, even if it's margin/padding, they still had 10px os the sides so to me it was aligned, so I couldn't reproduce/fix.