Skip to content

Use a CSS class for the status legend footers instead of inline styles - #391

Merged
bmfmancini merged 2 commits into
developfrom
feature/pin-legend-bottom
Oct 8, 2026
Merged

bmfmancini merged 2 commits into
developfrom
feature/pin-legend-bottom

Conversation

@TheWitness

@TheWitness TheWitness commented Oct 7, 2026 •

Copy link
Copy Markdown
Member

Description

Originally each status legend was wrapped in an inline-styled, fixed-position container copied from MacTrack:

print '<div class="center" style="position:fixed;left:0;bottom:0;display:table;margin-left:auto;margin-right:auto;width:100%;">';

Per review, the inline style is replaced with a dedicated .syslogLegendFooter CSS class, and it now lays each legend out as a centered footer in normal document flow rather than position: fixed. Staying in flow means the legends scroll with the results and reserve their own space, so they no longer overlay the bottom pagination/final rows and the min-width: 850px rule no longer pushes labels permanently offscreen — resolving the reviewer's findings. MacTrack and the other legend plugins (Thold/Monitor/Servcheck) are being updated the same way.

How

  • Add .syslogLegendFooter to css/search.css (always loaded on these pages).
  • Swap both inline-styled wrappers in syslog.php for <div class="center syslogLegendFooter">.

No change to the legend chip markup/styles themselves.

Types of changes

  • Improvement (non-breaking change which improves existing functionality)

Checklist

  • My code follows the code style of this project.
  • php -l clean on the changed files.

Wrap the syslog and log legend renders in the same fixed-position footer container MacTrack uses, so the legend stays pinned to the bottom of the viewport.
@TheWitness
TheWitness requested review from bmfmancini and xmacan and a balanced review from Copilot October 7, 2026 20:07

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

🟡 Changes recommended

The fixed legends need responsive sizing and reserved bottom space to avoid hiding labels and results controls.

2 open findings
What changed in this PR

Pins the Syslog plugin’s status legends to the viewport bottom, matching MacTrack’s behavior.

Changes:

  • Adds fixed-position wrappers for the System Logs and Alert Logs legends.
  • Preserves existing legend rendering and styles.
File Description
syslog.php Wraps both legends in full-width, fixed-bottom containers.

🧠 Review effort: Balanced


💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread syslog.php Outdated
Comment thread syslog.php Outdated
cigamit
cigamit previously approved these changes Oct 7, 2026
Replace the inline fixed-position wrapper around the status legend with a
plugin-specific *LegendFooter class defined in the plugin's stylesheet. The
class lays the legend out as a centered footer in normal document flow, so it
no longer sits outside flow and overlay the final rows, pagination, or action
controls at the bottom of the page.
@TheWitness TheWitness changed the title Pin status legends to the bottom of the page (match MacTrack) Use a CSS class for the status legend footers instead of inline styles Oct 7, 2026
@bmfmancini
bmfmancini merged commit b1a3b54 into develop Oct 8, 2026
6 checks passed
@TheWitness
TheWitness deleted the feature/pin-legend-bottom branch October 8, 2026 02:21
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.

4 participants