Skip to content

Integration of design version 1.0

Christophe Beveraggi requested to merge ako-design-integration into master

Global

  • Refactor of global CSS (reset styles, all form elements, lists, custom components, etc)
  • External links are move visible with a specifc icon
  • Project Pages CSS / Markup changes
  • Popovers redesign (to be fixed on the main map, wip)
  • Help pages CSS / Markup changes
  • New custom UI library with components Align, ContentWithPadding, ContentWithLabel, TitleWithIcons

Header

  • Reword of header label "My map"

Legend

Common

  • "Presentation" links replaced by links inside content
  • Make lists more readdable
  • Remove unused "Presentation" and "None" strings
  • Prevent Header summary & share icon to move if the tab has a scrollbar or not

"When" page

  • Table refactor to make it more readdable
  • Do not display section title if no results are returned

"What" page

  • Table refactor to make it more readdable
  • Do not display only title with no result, but instead a "no result" message.

"Where" page

  • Better display for bounding box coordinates (to be discussed)
  • Label for map boundaries
  • Display map boundaries visually
  • Label for used base map
  • Dot not display "none" if no shapefiles are used, hide the whole block.

"Other" page

  • Do not display empty blocks if no result (Editors, Authors, Datasets)

"Citations" page

  • Do not display empty blocks if no result (Datasets, Shapefile, Base Maps)

FormSearch

  • Refactor of CSS to match the design
  • Replaced arrows and reset icon by Pedro ones
  • magnifying glass on top right removed, and replaced by a close icon only on mobile / tablet
  • magnifying glass removed from search input
  • Fix little jump when opening foldable lists
  • Allow clicking on radio label to enable it, hover working.
  • Adjustement of integration of the 4 panels

Site infos

  • Use components Align, ContentWithPadding, ContentWithLabel, TitleWithIcons to refactor the HTML markup
  • New integration to match the new design
  • Simplified CSS
  • Responsive design
  • Collapsable Comment and Bibliography blocks
  • Do not display link with "0" label if no geoname provided
  • Do not display "bibliography" and "comment" block if no info.
  • Put comment and bibliography into foldable blocks, with according design.

Database, Chronology and Shapefile panels

  • Use components Align, ContentWithPadding, ContentWithLabel, TitleWithIcons to refactor the HTML markup and share the same implementation logic
  • New integration to match the new design
  • Simplified CSS
  • Responsive design

Content

  • All Markdown pages titles are clocked with 1. , 2., 3...
  • New translations strings

Fixes

  • Map scale CSS was broken
  • Group / Ungroup button
  • Slidable Tabs default selection when opening/reopening

Merge request reports