Skip to content

feat(log-viewer): improve Log Viewer UI and responsiveness - #13256

Open
thisisjoyjacob wants to merge 1 commit into
portainer:developfrom
thisisjoyjacob:feat-improve-logger-ui
Open

thisisjoyjacob wants to merge 1 commit into
portainer:developfrom
thisisjoyjacob:feat-improve-logger-ui

Conversation

@thisisjoyjacob

Copy link
Copy Markdown

Enhances log viewer UI: CSS tweaks (overflow, horizontal scroll, border radius), collapsible settings panel, search input, download/copy buttons, responsive heights, and a controller state/toggle for showing settings (logViewerController.js, logViewer.html). Also wraps build output in a responsive container in buildimage.html for better display of build logs.

Changes:

  • Log Viewer Settings Panel: Added collapsible settings (Show settings / Hide settings) with a dynamic toggle button (logViewerController.js, logViewer.html).
  • Quick Log Actions: Added a log filter input field along with quick Download logs and Copy buttons visible when settings are collapsed (logViewer.html).
  • Dynamic Sizing: Updated log viewer container heights dynamically based on whether settings are expanded or collapsed (logViewer.html).
  • UI Styling (app.css):
    • Updated .log_viewer vertical overflow from scroll to auto.
    • Added horizontal scroll support (overflow-x: auto).
    • Added rounded corners (border-radius: 4px).
  • Build Image View: Wrapped build output logs in a responsive height container to prevent layout clipping (buildimage.html).

Enhances log viewer UI: CSS tweaks (overflow, horizontal scroll, border radius), collapsible settings panel, search input, download/copy buttons, responsive heights, and a controller state/toggle for showing settings (logViewerController.js, logViewer.html). Also wraps build output in a responsive container in buildimage.html for better display of build logs.
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.

1 participant