Add technology tab in quadrant view

SDG-AI-Lab / Digital_Technologies_Radar

SDG AI Lab in partnership with UNDP DRT and CBi has developed an online tool – a Frontier Technology Radar for Disaster Risk Reduction (FTR4DRR), which allows for the systematic tracking and understanding of frontier technologies as they are developed. This would categorize technological solutions according to their technology type, disaster/crisis type and maturity level. Moreover, it is expected that the tool developed would encourage knowledge and experience-sharing among development stakeholders on the use of frontier technologies in disaster and conflict contexts. The Frontier Technology Radar for Disaster Risk Reduction (FTR4DRR) aims to highlight the potential of technological solutions in disaster contexts to those working in the fields of risk reduction, response and recovery. It supports development stakeholders to navigate the variety of existing and emerging technologies and their possible use cases.

12 stars 4 forks source link

Add technology tab in quadrant view #201

Closed jacksono closed 1 year ago

jacksono commented 1 year ago

OzgeOzkaya commented 1 year ago

Dear @jacksono , thank you for the PR.

The technology tab is functioning. However, normally when user click on a technology the 'technology tab' opens. The function works like that.

Please check the desktop view. When you click on a technology the description tab opens to show the description.

jacksono commented 1 year ago

@OzgeOzkaya I am not able to see any technologies on the desktop view, could you show me where to find them?

OzgeOzkaya commented 1 year ago

Please do the following:

Refresh the radar page
Open the filters (you will see the page is showing the 'stages' tab currently):

Select a technology, for example, geographical information systems and see the changes. When you click on it the 'technology' tab opens directly to show technology description:

This automatically opening up functionality does not work on the quadrant view.

Hope this helps

jacksono commented 1 year ago

@OzgeOzkaya Yes that has helped, thanks. I have fixed it now

OzgeOzkaya commented 1 year ago

Hi @jacksono !

There is one issue with the tabs on the information card, the tabs are overlapping the information card on mobile view:

jacksono commented 1 year ago

Hi @OzgeOzkaya I see the overlapping. Since the screen size gets small we need to decide a way to handle the display of the tabs. I have 2 suggestions: 1 - We can make the tabs stack in a column orientation like this:

2 - We can reduce the text size and make the text wrap as the screen becomes smaller like this:

I have pushed the stacked option to this branch so you can test it out. Let me know if any of those can work or if there's another way to handle it.

OzgeOzkaya commented 1 year ago

Hi @jacksono I think stacked view is great! Merging, thanks!