mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2024-11-21 17:26:29 -05:00
HedgeDoc - Ideas grow better together
2d0b605257
* Added Link objects around history-cards and the title in table-view This commit adds one Link element wrapping the title of a note in the table view and one Link element wrapping the whole card of a note in cards view. This behaviour currently doesn't work completely correct as other buttons on the card become unclickable and needs to be fixed in another commit before merging this branch. * Fixed Link behaviour for card view The cards aren't wrapped inside a Link element anymore but the middle column of a card (where the title and tags are located) is now wrapped inside the Link element. With this approach not the whole card is clickable anymore, but it's enough clickable space anyway. The positive aspect is that we don't have to deal with "position: absolute"-elements that may break responsiveness. |
||
---|---|---|
.github | ||
icon | ||
public | ||
src | ||
.editorconfig | ||
.gitignore | ||
LICENSE | ||
package.json | ||
README.md | ||
renovate.json | ||
tsconfig.json | ||
yarn.lock |
CodiMD - React Client
This is the new, improved and better looking frontend for CodiMD 2.0. Our goal is to recreate the current frontend in react and to improve it.
Preparation
You'll need at least Node 10 (we recommend 12). We use yarn for our dependencies, but npm can work too.
Development mode
- Clone this repo (e.g.
git clone https://github.com/codimd/react-client.git codimd-react-client
) - Go inside the repo (e.g.
cd codimd-react-client
) - run
yarn install
- run
yarn start
This should run the app in the development mode and open http://localhost:3000 in your browser.
The page will reload if you make edits. You will also see any lint errors in the console.
Production mode
- Clone this repo (e.g.
git clone https://github.com/codimd/react-client.git codimd-react-client
) - Go inside the repo (e.g.
cd codimd-react-client
) - run
yarn install
- run
yarn build
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.