Skip to content

task/#1055 - UI Standardisation#1056

Merged
StuartFerguson merged 5 commits intomasterfrom
task/#1055_ui_standardisation
Mar 17, 2026
Merged

task/#1055 - UI Standardisation#1056
StuartFerguson merged 5 commits intomasterfrom
task/#1055_ui_standardisation

Conversation

@StuartFerguson
Copy link
Copy Markdown
Member

@StuartFerguson StuartFerguson commented Mar 16, 2026

Summary

Standardises the SecurityService UI pages to use the same styling as EstateManagementUI.BlazorServer, bringing visual consistency across the Transaction Processing platform.

Changes

New Assets

  • Added compiled Tailwind CSS (app.css) from EstateManagementUI to SecurityService/wwwroot/css/

Layout & Shared

  • _Layout.cshtml — Removed Bootstrap 4, jQuery and Bootstrap-Glyphicons. References app.css. New body structure: dark AdminLTE-style header + centred max-w-5xl main container.
  • _Nav.cshtml — Replaced Bootstrap navbar with a dark bg-admin-sidebar header matching EstateManagementUI. SVG lock icon branding, SVG-driven user dropdown with click-outside dismiss.
  • _ValidationSummary.cshtml — Replaced Bootstrap alert alert-danger with Tailwind bg-red-100 border-red-200 styling.

Pages Updated (17 files)

Old (Bootstrap 4) New (Tailwind / app.css)
.row / .col-sm-* Tailwind flex layout (flex, gap-, max-w-)
.form-check / .form-check-input flex items-center gap-2
.list-group / .list-group-item divide-y divide-gray-200 + px-4 py-3
.alert alert-danger/warning/info Tailwind bg-red/yellow/blue-100 border colours
.glyphicon glyphicon-* Inline SVG icons (Heroicons)
.btn, .btn-primary, .card, .form-control, .form-group Same class names — now powered by app.css component classes
.text-muted text-gray-500

Pages changed

  • Account/Login, Account/Logout, Account/LoggedOut, Account/AccessDenied
  • Account/ChangePassword, Account/ForgotPassword, Account/ForgotPassword/Confirm, Account/EmailConfirmation
  • Consent/Index, Consent/_ScopeListItem
  • Device/Index, Device/Success, Device/_ScopeListItem
  • Grants/Index, Home/Error, Ciba/Index, Pages/Index (welcome page)

Build

✅ dotnet build — 0 errors, 238 pre-existing warnings (unchanged)

StuartFerguson and others added 5 commits March 16, 2026 21:46
@StuartFerguson
task/#1055 - Standardise UI styling to match EstateManagementUI
49ad262 
Replace Bootstrap 4 / Glyphicons with the compiled Tailwind CSS (AdminLTE-inspired
design system) used by EstateManagementUI.BlazorServer:

- Copy compiled app.css (Tailwind + custom AdminLTE component classes) to wwwroot/css
- Rewrite _Layout.cshtml: remove Bootstrap/jQuery, add app.css, dark header + container
- Rewrite _Nav.cshtml: AdminLTE-style dark header with SVG lock icon and user dropdown
- Update _ValidationSummary.cshtml: Tailwind alert styling
- Update all 17 page/partial files: replace Bootstrap grid/form-check/list-group/glyphicons
  with Tailwind utilities and shared component classes (btn, card, form-control, etc.)
- Replace all Glyphicon spans with inline SVG icons

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@StuartFerguson
task/#1055 - Centre login and forgot password page controls
bef02f6 
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@StuartFerguson
task/#1055 - Fix centering on login and forgot password pages using m…
1b22bb4 
…x-auto

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@StuartFerguson
task/#1055 - Centre reset password page using mx-auto
44fdd7d 
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@StuartFerguson
Delete .github/workflows/prlinked.yml
2819fdb
@StuartFerguson StuartFerguson merged commit 2b707ef into master Mar 17, 2026
9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

maintenance

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@StuartFerguson