Skip to content

ReportHeader - update UI screenshots (feature branch) - #121

Merged
snake14 merged 17 commits into
6.x-devfrom
feature-new-report-header
Sep 29, 2026
Merged

snake14 merged 17 commits into
6.x-devfrom
feature-new-report-header

Conversation

@tzi

@tzi tzi commented Aug 12, 2026 •

Copy link
Copy Markdown
Contributor

Description

Feature branch for the report header work in this plugin: it carries the 9 expected UI screenshots regenerated for the DataTable search moving from the table footer into the shared report header.

Merged into this branch

Impact

None visible to users: expected test screenshots only.

Step by step tests

Nothing to exercise by hand. The screenshots come from the CI artifacts of matomo-org/matomo#24986 and are verified by the core feature branch, matomo-org/matomo#25059.

Note on the UI tests

The plugin's own UI jobs run against core 6.x-dev, which does not yet contain the report header change, so they compare these screenshots against a core that renders the old footer search and go red. They turn green once matomo-org/matomo#25059 lands. Merge this only together with that PR.

Checklist

  • I have understood, reviewed, and tested all AI outputs before use
  • All AI instructions respect security, IP, and privacy rules

tzi added 17 commits September 21, 2026 02:18
The DataTable search moved from the table footer into the shared ReportHeader
(matomo-org/matomo#24986), which changes every report screenshot.
Taken from the core branch that moves the report actions behind the header's 3-dots
trigger, rebuilt on the pin core's base branch now records so the images carry that
base's rendering rather than the one the earlier branch was generated against.
Core moves the annotations view into the report header's menu, so the footer of
the visits-over-time graph loses its speech-bubble and the period selector
beside it shifts left.
Core moves the period selector into the report header's menu as a submenu, so
the visits-over-time footer keeps only its row-limit selector.
The evolution graph's header now holds a promoted selector's height whether or not one is out, so
everything under it moves down by ten pixels.
Ten reports, all the same size as before: the title and the controls beside it line up on their
centres now, and the two control clusters keep 8px apart.
The report header lifts Export out of its 3-dots menu into a control of its own, so the line above
every full-page report in this plugin changed with it.
Show period sits against the 3-dots now, with the export control to its left.
The control at the foot of a report takes the shape of the report's other controls, and on a table
it moves onto the pagination line.
The control is centred by the pagination line itself now, rather than by a transform that opened a
stacking context around it.
It sat flush against the card and now keeps 20px from its right and bottom edges.
A variable name shared with the header's selector had been widening every one of them; these were
captured while it did.
Taken from the core CI run for feature-new-report-header, which changes the
report header, the pagination row and the pagination counter.
@tzi
tzi force-pushed the feature-new-report-header branch from e1c3a91 to 3109673 Compare September 21, 2026 00:20
@tzi
tzi marked this pull request as ready for review September 29, 2026 00:37
@tzi
tzi requested a review from a team September 29, 2026 00:37

@snake14 snake14 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.

LGTM

@snake14
snake14 merged commit ecd991a into 6.x-dev Sep 29, 2026
35 of 47 checks passed
@snake14
snake14 deleted the feature-new-report-header branch September 29, 2026 00:51
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