Skip to content

fix(admin-ui): redesign plugin config page layout#2457

Open
dirkwa wants to merge 1 commit intoSignalK:masterfrom
dirkwa:fix-plugin-config-layout
Open

fix(admin-ui): redesign plugin config page layout#2457
dirkwa wants to merge 1 commit intoSignalK:masterfrom
dirkwa:fix-plugin-config-layout

Conversation

@dirkwa
Copy link
Contributor

@dirkwa dirkwa commented Mar 16, 2026

Summary

Users click a plugin in the list and "nothing happens" because the config form renders below the fold. The floating save button appears over the plugin list, adding to the confusion. With 20+ plugins the list fills the viewport entirely.

  • Replace vertical stack with side-by-side master-detail layout on desktop (xl breakpoint) — plugin list on left, config form on right, both scrolling independently
  • On mobile, stacked layout with auto-scroll to config card on plugin selection
  • Remove floating save button that obscured the plugin list
  • Hide description column on small screens, showing it as subtitle under plugin name instead

Closes #2383

Manually tested

  • desktop
  • mobile

Images

Desktop

image

Mobile

image

Replace vertical stack with side-by-side master-detail layout on
desktop (xl breakpoint). Plugin list on left, config form on right,
both scrolling independently. On mobile, stacked layout with
auto-scroll to config card on plugin selection.

Remove floating save button that obscured the plugin list.
Remove gear icons from plugin rows. Hide description column on
small screens, showing it as subtitle under plugin name instead.

Closes SignalK#2383
Copy link
Member

@tkurki tkurki left a comment

Choose a reason for hiding this comment

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

I think the selected plugin should be highlighted in the list, but maybe that is too much with the zebra, so maybe drop the zebra coloring?

Now the panels look disconnected / independent. Would it make sense to remove the gutter between the list and the form?

@sbender9 any thoughts?

@tkurki tkurki added the feature label Mar 19, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

plugin configuration screen not showing

2 participants