question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Updates to Research Landing Page

See original GitHub issue

Overview

The Research Landing Page launched with the essential information included in it 🎉. This update adds some UI polishing touches to the page, including headers to the table on larger screens and a responsive design update for the research listing card component.

All designs can be inspected within the ONE ARMY Figma. If you have any questions or issues tap the C key within Figma and click to leave a comment. Tag @franknoirot and @davehakkens for any clarifications or questions.

Acceptance Criteria

Here are all of the things that should be true for this to be considered complete:

Page

  • The page now queries for the number of comments and number of useful points of each Research module.
  • The header component with the H1 heading has font and spacing values that scale down responsively to match the designs.
  • A new table header has been added containing 4 columns: Title, Updates, Comments, and Useful

Table Header

  • The final three column headers each contain their appropriate icon. (The necessary icons can be exported from Figma by clicking on the Export pane in the right sidebar with the icon selected.)
  • The table header row is responsive across Desktop and Tablet, and is hidden on Mobile

Research Item Card

  • The Research item card is reformatted to Show the username and last updated beneath the title, with the username now accompanied by the appropriate flag emoji.
  • The Research item card now shows counts for Updates, Comments, and Useful points in three columns to the right which align with their corresponding column header.
  • The Research item card adjusts both font and spacing values between Desktop and Tablet according to designs.
  • On Mobile, the Research item card layout shifts to a more compact version which drops the number of updates and uses icons as labels in accordance with the designs.

Design Screenshots

Below are exported images from the Figma designs:

Desktop

Research Landing Page - Desktop

Tablet

Research Landing Page - Tablet

M

Research Landing Page - Alternative Card Design - Mobile obile

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
asheerrizvicommented, Sep 5, 2022
0reactions
onearmy-botcommented, Sep 14, 2022

🎉 This issue has been resolved in version 1.23.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Read more comments on GitHub >

github_iconTop Results From Across the Web

The Ultimate Guide to Landing Pages
Learn how to design, write, and test landing pages that will convert visitors into leads.
Read more >
37 Landing Page Statistics For 2022: The Definitive List
Looking for the latest landing page statistics? Here are all the stats, facts, and trends you need to know...
Read more >
Landing Page Update Case Study
Now it's time to look at our five steps for optimizing a landing page — research, prediction making, design decisions, testing, and finally, ......
Read more >
What is a Landing Page? This guide breaks it down
On your landing page, visuals like explainer videos can detail how your offer works, and images can help your visitor imagine how your...
Read more >
12 Tests to Increase Your Landing Page Conversion Rate, ...
When you do make changes to your site, make sure you test one major thing at a time, i.e. redesign, layout, headline etc....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found