Adjust some UI design in DE (MUI4)
With the migration to Material UI 4, the UI documentation features should be seen in the DE.
Here are some tiny aspects to mend:
General
-
Apply the three fonts defined in the UI documentation -> Content Layout -> General In general, use "Helvetica Neue", 2 specific fonts for dataset title (Roboto slab) and for Filters title (PT Sans Narrow)
Header Banner
-
The DE explorer logo is a link which redirects to the DE homepage.
Homepage
-
Apply the grid with the offset col-2 in right and left to have a well balanced homepage -
Add a drop-down list for the localisation in the header. (Using the one of Material UI) -
The "browse-by" filters do not change color (to orange) when active -
The icon color of the item of the facet is darker than expected. The color used in UI documentation is Neutral Darken-2 which is no more in the color pallet. @zajtaiorsolya will check if it's possible to use a color from the current pallet to replace the Neutral darken-2 (if possible).
Search result page
-
The bookmark symbol can be removed as the bookmark feature doesn't exist. -
The dataflow name title doesn't need to be underlined -
The download icon can be changed by the Material UI one mentioned in the UI documentation under "material-get_app" icon. -
The download text "Unfiltered data in tabular text" below the icon can be replaced by "Download" and used in a tooltip when hovering the download icon. -
Remove the [Read more] button as the icon "v" on the right (above the download button) is already present and done for this. -
Hide by default "Source", "Last updated" and the dataflow ID information when displaying the set of results. For information, the ID will disappear when the Label option will be in place. -
The result number should appear just above the line starting the result page, aligned with the first dataflow title. For information, on the right above this line we will have a toolbar. -
The breadcrumb should not appear on this page (see Header banner)
Filters column title
-
The filters column should have "Filters" as a title with the possibility to add an "help" ("?") icon
Used filters
-
The used filters number in the green "square" is missing -
When a used filter is a child of a hierarchy, a tooltip attached to this element is required and should contain all the parents hierarchy of this used filter.
Filters
-
Apply the Pinned facets design according to the re-design which will be done by @zajtaiorsolya -
The cross used to clear filters should be the one used in the UI documentation. @zajtaiorsolya to add it in the Owned Icon set area of the UI documentation.
Visualisation page
-
The items ("table" and "chart") of the toolbar on the left side should look like the right side with icons. and the word "Show:" can disappear. -
When one option is selected, the background of the icon should stay blue
feedback:
-
orange hover -
filters tooltip to desactivate -
tooltbar menu & select position -
adjust table colors to preview -
edge to fix -
homefacetIds in fr -
hardcoded frequency in arabic -
hardcoded page label -
datasourceId label -
need definitive decision for globe icon and translations to review for PM -
rtl in scopelist -
rtl in dataflow -
Typography everywhere -
API queries to integrate
Edited by Mike Velluet