Update Layout of RccFullPage #37wu3jh
This issue is about making the home page look as in the new layout, visuals see below:
RccFullPageComponent
is used in HomePageComponent
and governs the looks of the home page.
This issue depends on these other Issue:
- #202
- #204
- #199
If all of them are ready, go ahead :)
What is to be done?
Only update RccFullPageComponent
for bengal theme.
- Add a header including the logo (rcc-logo, #199) and a menu button, use dummy icon for now
- Add slot for content projection (https://angular.io/guide/content-projection) and have
HomePageComponent
insert date and greetings. - Arrange the list of
RccActionButtons
, so that they look as in the layouts, see belows. - Respect the different screen sizes
Requirements
-
Home page looks like the images below when bengal theme is loaded -
Home page looks like before if default theme is loaded -
Date and greetings are projected
Note: Don't mind the colors and icons, the content is determined elsewhere, as are the colors of the buttons.
Visuals
Use this overview as rough guide, on how to position elements: figma overview elements
Edited by Andreas Pittrich