Redesign

[Bluesmile82]

Redesign of the module https://vizzuality.atlassian.net/browse/ORC-564?atlOrigin=eyJpIjoiYTkxYmVhNGI2ZTBhNDZhMGJmYjYyMDA3MWUxZmFlMjEiLCJwIjoiaiJ9

Some functionality has changed according to designs.

Rename env.example.js to env.js and fill the Mapbox token

Added also: https://vizzuality.atlassian.net/browse/ORC-652?atlOrigin=eyJpIjoiMWNhMTk4NDg4Y2JkNGZkMWI3YmIzZGIwNjAzMDgxNDAiLCJwIjoiaiJ9

In progress - Responsive

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
orcasa-review4c	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 3, 2024 10:11am

[clementprdhomme]

@Bluesmile82 This feedback is purely based on the final result, I haven't checked the code.

General

• The icons in the navigation bar are different from the ones used in the other modules.

Initial screen

• The numbers in the footer and the numbers next to the land use types don't add up. Is that because of the mocks we're using?

Charts screen

• The font of the label and of the text below the land use type dropdown should be sans serif.
• The negative part of the bars should be a blueish red.
• When clicking on an intervention, it's not clear visually that the sub-types are connected to that intervention. There used to be a light grey background before, is that something we could bring back?
• When clicking on an intervention and clicking again on it to close it, the lines of the other charts stay with a lower opacity.
• When clicking on an intervention, a sentence appear. Can we display a “+” before the positive percentage values?
• When selecting a land use type that has no data, could we display a “no data” message like we do on the publication list?

Publication screen

• When selecting a land use type that has no data, the sentence below the search bar displays some “NaN”.
• We're not displaying in any place what land use we're filtering by. Lidia used to have the pill to indicate this. Could you see with her how to solve this? If we bring back the pill, should we also add a land use type filter in the filters sidebar?
• It seems that the histogram never updates, even if we don't have any data.
• In the filters sidebar, the dropdowns should float like in the previous design instead of pushing the other filters towards the bottom of the screen.
• In the filters sidebar, if you select a value of a dropdown and deselect it, the view is not completely reset.
• In the filters sidebar, if you open a dropdown, its width changes.
• In the filters sidebar, the dropdowns should read “Select” if they don't have any value.
• The sentence below the search bar is never updated: neither when there is no data nor when filters or a search is applied.
• The background of the publication list is not exactly the same as in the other modules: there should be a square with 9 smaller sub squares at the top right corner.
• The legend on the map should be slightly lower to match the other modules.

Methodology screen

• The links in the “Related scientific work” section don't have the same font size (visually)

[Bluesmile82]

The numbers in the footer and the numbers next to the land use types don't add up. Is that because of the mocks we're using?

Yes, this is just an example on the mocks. The numbers come from different endpoints

We're not displaying in any place what land use we're filtering by. Lidia used to have the pill to indicate this. Could you see with her how to solve this? If we bring back the pill, should we also add a land use type filter in the filters sidebar?

We can see the land use the publications are filtered by on the legend of the map. Not sure what do you mean by the pill. On the Main page we can see the selected land use on the dropdown.

It seems that the histogram never updates, even if we don't have any data.

I think this is not supposed to update with the filters, only with the land use. I will fix the no data