Skip to content

🔧 [Refactor] Design Of Maintenance Page Should Be Refactored

Created by: Tirokk

⚡ Refactor ticket

The maintenance page looks not as good as in earlier days sadly. Because base-card melts together with the as well white background, I guess.

Bildschirmfoto 2021-01-06 um 15 03 28

Motive

To have a nicer design of the maintenance page.

Related Issues And PRs

relates #4434 relates #4619

Implementation

In my opinion there’s a shadow missing around the base-card or the background is not greyish enough like on a similar page:

Bildschirmfoto 2020-12-23 um 08 51 47

In general we may should use the HTML tags design of webapp/pages/password-reset.vue.

Additional context

To get the maintenance mode running see webapp/maintenance/README.md.

Question

Could we have internal page or even all internal pages here as well with PageParamsLink by having the footer underneath?

If we are already on this way and have solved the problems then there are leftovers of PR #4599 and experimental PR #4619 that would be really cool to be implemented here as well … What we gonna do with the maintenance page in relation to a landing page and all other possible internal pages?

  • what’s about the file webapp/components/utils/InternalPages.js? We need it now!
  • have only external or even internal links.ORGANIZATION page on the logo?
  • put the footer there as well?

Problems In Getting A Solution

I tried this out, but only could get the NGINX page displayed, see #4619 . I guess there were Nuxt errors, because the Nuxt config file 'webapp/maintenance/source/nuxt.config.maintenance.js' would have to be refactored for that as well and may be the missing folder components/_new/generic/ plays a role, see #4619 .

Hints:

  • see webapp/Dockerfile.maintenance: is there something missing in COPY to the branded layer tag? As example in COPY --from=build ./app/dist/ /usr/share/nginx/html/.

This is something to ask @roschaefer or @appinteractive …