Skip to content

Pages: Update UI

Sascha Eggenberger requested to merge domains-update-ui into master

What does this MR do and why?

Pages: Update UI:

  • Cleans up UI
  • Migrates button components
  • Migrates to GlNewCard
  • Migrates CSS classes to Tailwind

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
No domain
no_domain_before no_domain_after
Has domains
domains_before domains_after
Add domain (SSL disabled)
new_before new_after
Add domain
new_pages_step_1_before new_pages_step_1_after
Add domain (Forced SSL)
new_pages_ssl_before new_pages_ssl_after
Add domain (2nd step)
new_pages_step_2_before new_pages_step_2_after

How to set up and validate locally

  1. Setup pages (see test pipeline config below)
  2. Enable custom domains (see instructions below)
  3. Go to a pages config page, e.g. http://gdk.test:3000/flightjs/Flight/pages

Simple pages pipeline config

image: node:18.18-alpine
before_script:
    - yarn install --frozen-lockfile
cache:
    paths:
      - frontend/node_modules/
pages:
  artifacts:
    paths:
      - public
  script:
    - yarn version
  rules:
    - if: '$CI_COMMIT_BRANCH == "master"'
    - changes:
        - public/**/*

Enable custom domains

  1. Edit gdk.yml and add 
    gitlab_pages:
  enable_custom_domains: true
  2. gdk reconfigure
  3. gdk restart

Related to #452225 (closed)

Edited by Sascha Eggenberger

Merge request reports