search

GUBookSociety / uofg-book-society-website

A website created with Angular for the Glasgow University Book Society. (IN DEVELOPMENT)
1 stars 0 forks source link

Work on the UI for the form-page component #18

Closed liamlau closed 4 years ago

liamlau commented 4 years ago

Luke recently implemented the functionality for the form with barebone HTML/Bootstrap components. We just need to migrate these to proper Angular Material components, and use Bootstrap's layout utilities to position them the way we want to.

To do this, we would have to look at the documentation for Angular Material form fields and the Bootstrap documentation for layouts.

liamlau commented 4 years ago

We would have to keep in mind responsiveness while doing this as well: always making sure the app looks good on smaller, mobile screens, as well as larger, desktop screens.

Bootstrap has utilities to handle this with breakpoints.

liamlau commented 4 years ago

I've assigned myself, but if anyone wants to do this instead, let me know.

liamlau commented 4 years ago

Bootstrap and Angular Material are already installed in the app, so you should be able to use the Bootstrap grid system to position things the way you want to.

Bootstrap is "installed" through including the link to the CDN (Content Delivery Network: hosts the Bootstrap library so we don't have to manually download it like we did with Angular Material) in index.html.