Skip to content

Chore: UI optimization on User page#4752

Open
IgorA100 wants to merge 6 commits intoZoneMinder:masterfrom
IgorA100:patch-974193
Open

Chore: UI optimization on User page#4752
IgorA100 wants to merge 6 commits intoZoneMinder:masterfrom
IgorA100:patch-974193

Conversation

@IgorA100
Copy link
Copy Markdown
Contributor

@IgorA100 IgorA100 commented Apr 23, 2026

Before:
1before

After:
1after1
1after3
1after4
1after5

IgorA100 and others added 2 commits April 23, 2026 20:18
- Added support for the "flex-col-X" class, where X can be 2 or 3. This is used in cases where, for example, we need to display a theoretical 3 columns, but 1 or 2 of them may not be displayed in certain cases. The remaining columns will then take up all available space. Can be used in conjunction with "col-md/lg-*", which will be placed inside "flex-col-X".
@IgorA100 IgorA100 marked this pull request as ready for review April 24, 2026 12:39
@IgorA100
Copy link
Copy Markdown
Contributor Author

Done.
Please check.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates the Classic skin’s User page layout to improve spacing/alignment and present permissions sections in a more responsive two-column layout.

Changes:

  • Adjusts User page markup spacing (adds mt-4, updates header padding classes).
  • Wraps Global + Group permissions sections in a two-column row layout (flex-col-2).
  • Adds/updates CSS to refine fieldset/table spacing and user-page layout rules (including legend styling).

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 4 comments.

File Description
web/skins/classic/views/user.php Tweaks layout/spacing and restructures permissions sections into a two-column row.
web/skins/classic/css/base/views/user.css Adjusts fieldset/table spacing and removes legacy float-based layout for permissions.
web/skins/classic/css/base/skin.css Adds legend styling and introduces .user-page-scoped layout helpers for the new flex-based layout.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread web/skins/classic/views/user.php Outdated
Comment thread web/skins/classic/css/base/skin.css Outdated
Comment thread web/skins/classic/css/base/skin.css Outdated
Comment thread web/skins/classic/css/base/skin.css Outdated
IgorA100 and others added 3 commits April 29, 2026 15:24
Ok. Let it be so, anyway, for now more than 3 pillars will not be used.

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
@IgorA100
Copy link
Copy Markdown
Contributor Author

I've made all the necessary corrections.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants