https://github.com/ar-to/magree-menus
A menu popup that can be dragged
https://github.com/ar-to/magree-menus
Last synced: 15 days ago
JSON representation
A menu popup that can be dragged
- Host: GitHub
- URL: https://github.com/ar-to/magree-menus
- Owner: ar-to
- License: mit
- Created: 2019-06-04T19:12:00.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-03T23:53:17.000Z (over 2 years ago)
- Last Synced: 2024-05-21T07:55:34.511Z (about 1 year ago)
- Language: JavaScript
- Size: 2.52 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Mangree Menus
A menu popup that can be dragged
## To Include in Development
- Typescript - done
- Babel
- Webpack - done
- EsLint
- TsLint
- Cypress EsLint Plugin
- Sass - done
- normalize-css - done
- modernizr
- optimize/minimize css and vendor files for production
- standarize font-sizes in sass via typography library; consider https://github.com/twbs/rfs
- Lighthouse Audit package and run test
- setup https://esdoc.org/ to create docs in html from source code;
- refer to https://github.com/ReactiveX/rxjs for docs and open source setup
## Issues
- sass copies styles from parent but it makes the selectors too long. Find a way to make them simple and possibly have webpack bundle them into separate files so users can load only a small independent file if they want to keep the size small.
## Dev Start
in separate terminal windows run
```
#start dev server, watch for changes in sass, js files inside src/ directory and hot reload
npm run dev
#run cypress end-to-end tests
npm run e2e
#run jest unit & intergration tests
npm run test
```
## Styles
Dev uses sass but css files are also supported. Hot reloading and source maps are included.
## Javascript
Uses typescript and es6
## Instructions
Nav v1 is static with v2 beign class `menu-container--static-v2`
```
```