Alexandrea Beh
b056763f09
* intial draft adding keyboard accessibility to task board controls * cleanup * finish adding keyboard accessibility for task dropdown, rewards * add notEnough conditions to disable purchase button * fix(lint): remove console.log from buy modal * add missing comma, use focus-within instead of focus-visible * missed one more focus visible * override browser default focus styling * move focus styling to tasks only * add rounded border * fix element height on focus, rounded borders * fix dropdown margin to avoid element resizing * styling updates on focus * fix spacing around task checklist * fix border around dropdown item * remove spacing that made tasks with notes jump * keep disabled habit control styling when not focused * revert unintended spacing Co-authored-by: Matteo Pagliazzi <matteopagliazzi@gmail.com>
Habitica Client
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Run your unit tests
npm run test:unit
Lints and fixes files
npm run lint
Customize configuration
Storybook
Storybook is mainly used while working on UI-Components to see changes faster instead of using the website.
Start Storybook
npm run storybook:serve
This will start the storybook process, every *.stories.js-File is searched and added to the storybook overview.
Storybook Worklow
Usually when you working on component-name.vue you also create a component-name.stories.js file.
Example of the stories structure - Storybook Docs - CountBadge
Each function or example of this component will be put after storiesOf('Your Component', module),
in a separate .add('function of component', ...
Storybook Build
After each client build, storybook build is also triggered and will be available in dist/storybook