Skip to content

[C2] New learning path list improvements #6609

@ywarnier

Description

@ywarnier

This is a follow-up on #4763 which was implemented before Beta.

There are a series of small improvements to be made, so here goes. Illustrations are below to avoid cluttering the list.

  • When showing 100% progress, the progress circle icon is a bit ugly with numbers overflowing the circle (see illustration below). Make the circle larger. If not possible to respect styling, use smaller text.
  • When progress is 100%, the circle should be green.
  • The action icon to edit settings (cog) is visually broken. It appears like half a cog or a cloud (see illustration below)
  • The action icons for the learning path need to be the same between the long list and the grid list inside a category. Currently, the second icon is different (see illustration below)
  • The placeholders (while loading the page) should appear as one wide box instead of 3 separate boxes, as this is the default view (with no category)
  • When clicking somewhere else, the hamburger menu with the additional edition options (Open/Publish/Edit/Delete) should close automatically. Currently, it remains open and this generates weird overflows (see illustration)
  • A few action icons are missing (download as SCORM should be an icon visible by all if enabled)
  • The action icons should be the same between the upper-right side of the wide box and the bottom-right side of the grid box (when LP is in a category)
  • When editing the image, the form says the image will be automatically resized, but if you put a large image, when you come back to edit the learning path settings, the image appears huge
  • Because the hamburger menu is associated with the action icons, when showing as a grid inside a category, the hamburger menu should be next to the icons (not on top when the icons are at the bottom of the box). I know this is a change from the design, but it makes more sense to have visual consistency.
  • In general, the terms used should be the same as in Chamilo 1.11 (the design is not a reference to be used for texts)
Image Image Image Image Image Image

Metadata

Metadata

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions