Merged w/ 3.x-dev, and here's what it looks like w/ a small visit:

and a large visit:

and for content actions:

@diosmosis I've merged in the latest 3.x-dev changes. But it seems it's currently broken. Always seeing the error No entry or class found for 'Live.pageViewActionsToDisplayCollapsed'. Guess that's caused here: https://github.com/matomo-org/matomo/pull/14063/files#diff-541de4bc6a9bb0d9cad5f733b4b853eeR122
Did you maybe forget to commit/add something?

@sgiehl added the missing file.

@diosmosis Seems the visitor profile is broken now. Getting this error when opening one:

Variable "actionGroups" does not exist.
in ./plugins/Live/templates/_actionsList.twig line 2            

@sgiehl updated to work in visitor profile. not sure if the implementation is the best or not, let me know if you see room for improvement.

not sure if colours were adjusted in this or another PR but seeing there are icons from premium features in different colour. Is it better to fix this in core or in the premium features?

@tsteur The css class used is determined by the plugin due to how the template is defined, so better in the plugin i'd say.

when I click on "show more actions" it doesn't show more actions.

Also I have a visit where it sometimes shows the "show more link" after 7 actions within a pageview, and sometimes only after 20 shows the "show more link":

In general it looks a bit "bloated" I wonder if some additional spacing might help? We could maybe also ask our designers to tweak it maybe.

Also I see action images were changed to SVG? that's a problem cause it breaks the mobile app and possibly other consumers. They are supposed to return actual images. Maybe in Matomo we can use SVG but the API should still return proper images. I suppose this was maybe changed in another PR.

@tsteur The css class used is determined by the plugin due to how the template is defined, so better in the plugin i'd say.

@diosmosis OK I will check to see how to maybe detect the Matomo version and then change the colour of the icon depending on the version cause for older installations we still want to show the black color

also just seeing for some reason it doesn't show form interactions within the page view. Is that possible?

@tsteur

when I click on "show more actions" it doesn't show more actions.

I assume you did a hard reload? I've seen this issue, but should have been working... same for the show more link for 7 actions. Then again, maybe the selector is using the core .action... will look.

also just seeing for some reason it doesn't show form interactions within the page view. Is that possible?

If there's no pageview ID set for the action (or the wrong pageview ID is set), then it won't be grouped. Are you looking at the demo data? pageview IDs aren't always set correctly there.

Another minor issue probably also from the other PR. The goal icon is not quite aligned on the left with the icons from the timeline

@diosmosis could we add color: #999 to .action-list-action-icon {} then it would just render the color of the icons fine for all premium features as well and wouldn't need to define it individually in each premium feature.

Yes looks good 👍

Created iconSvg issue here: #14198

@tsteur / @mattab updated to show refreshes and allow expanding, maybe you guys want to take a look before merging?

I suppose we could merge it now and make further changes if needed after using it for a while @mattab @diosmosis ?

I suppose we could merge it now and make further changes if needed after using it for a while

👍