Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[PROD] Rebuild Style StatsBox (SB) desktop to look like Mobile. #4

Closed
JFQueralt opened this issue Oct 3, 2020 · 2 comments
Closed

[PROD] Rebuild Style StatsBox (SB) desktop to look like Mobile. #4

JFQueralt opened this issue Oct 3, 2020 · 2 comments
Assignees
@stanley-miao
Labels
🥈 Flag: v2.0 Tasks required for rolling out v2.0 of the project. 🔑 Keyword: Javascript Issue involving Javascript language. 🔑 Keyword: React Issue involving React framework. 🔑 Keyword: Storybook Issue involving using Storybook for UI components. Module: MAP Issues related to the Mapping Platform. ⌨ Need: Code This Issue involves some sort of coding. 🎨 Need: Design This Issue involves some sort of design UXUI. 🔥 Priority: Critical This task has Critical priority. Project: PLD Issue related to Project Lockdown. ✔ Stage: Ready This Task is ready to be implemented. 💖 Supported by: NDI ⌨ Team: Devs Task related to Team Developers. 🎨 Team: UXUI Task related to Team UXUI. 💡 Type: Feature This Issue describes a Feature to be implemented.

Comments

@JFQueralt
Copy link
Member

JFQueralt commented Oct 3, 2020 •
edited
Loading

logo

Problem

The current desktop visualization of the StatsBox is takes too much surface. In order to gain visual space, it is to be rendered in the same way as mobile.

Objectives

  • To standardize the user experience among platforms
  • To increase the visible space in the MAP

Proposed solution

Reuse the existing mobile design and use it on desktop too.

Current desktop UI view
image

Target desktop UI view
image

Note
Ignore the "Lockdown" banner as it is treated on a separate Issue: #5

Extra information

  • Must have
    -- Same design in mobile & desktop

  • Should have
    -- Nil

  • Could have
    -- Nil

  • Won't have
    -- Nil

Resources

Usage documentation

Technical documentation

UXUI resources

https://TIOF.Click/PLDDocsMAPUXUI

Other documentation resources

Tests

Related Issues
@JFQueralt JFQueralt added Module: MAP Issues related to the Mapping Platform. Improvement labels Oct 3, 2020
@JFQueralt JFQueralt mentioned this issue Oct 3, 2020
Closed
3 tasks
@JFQueralt JFQueralt added 🍻 Flag: Hacktoberfest Join the Open Source Community and make a positive impact! v2.0 labels Oct 3, 2020
@JFQueralt JFQueralt added 💡 Type: Feature This Issue describes a Feature to be implemented. and removed Type: Improvement labels Nov 12, 2020
@JFQueralt JFQueralt added Project: PLD Issue related to Project Lockdown. and removed Version: 2.0 labels Dec 1, 2020
@JFQueralt JFQueralt changed the title Style StatsBox (SB) desktop to look like Mobile. [PROD] Feature: Style StatsBox (SB) desktop to look like Mobile. Dec 4, 2020
@JFQueralt JFQueralt added the 🚧 Stage: Not Ready This Task is not yet ready and its description needs to be finalized. label Dec 4, 2020
@JFQueralt JFQueralt changed the title [PROD] Feature: Style StatsBox (SB) desktop to look like Mobile. [PROD] Rebuild Style StatsBox (SB) desktop to look like Mobile. Dec 13, 2020
@JFQueralt JFQueralt added ⌨ Need: Code This Issue involves some sort of coding. ⌨ Team: Devs Task related to Team Developers. 🎨 Need: Design This Issue involves some sort of design UXUI. 🎨 Team: UXUI Task related to Team UXUI. ✔ Stage: Ready This Task is ready to be implemented. ⚡ Priority: High This task has High priority. and removed 📐 Need: Create 🍻 Flag: Hacktoberfest Join the Open Source Community and make a positive impact! 🚧 Stage: Not Ready This Task is not yet ready and its description needs to be finalized. labels Jan 7, 2021
This was referenced Jan 20, 2021
Open
Closed
@JFQueralt JFQueralt added 🔥 Priority: Critical This task has Critical priority. 🔑 Keyword: React Issue involving React framework. 🔑 Keyword: Javascript Issue involving Javascript language. and removed ⚡ Priority: High This task has High priority. labels Jan 20, 2021
@JFQueralt JFQueralt added the 🔑 Keyword: Storybook Issue involving using Storybook for UI components. label Jan 20, 2021
@jeff-knurek jeff-knurek added the 🥈 Flag: v2.0 Tasks required for rolling out v2.0 of the project. label Jan 21, 2021
@stanley-miao stanley-miao self-assigned this Mar 2, 2021
@stanley-miao stanley-miao mentioned this issue Mar 6, 2021
Closed
@merchantweb
Copy link

Update made

@jeff-knurek
Copy link
Contributor

update in March was to the v1.0 site code base, and was fixed in #363 for v2.0

stanley-miao added a commit that referenced this issue May 15, 2021
@stanley-miao
Merge pull request #4 from TheIOFoundation/master
28f264d 
Merge TheIOFoundation/ProjectLockdown "master" branch
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@stanley-miao stanley-miao

Labels
🥈 Flag: v2.0 Tasks required for rolling out v2.0 of the project. 🔑 Keyword: Javascript Issue involving Javascript language. 🔑 Keyword: React Issue involving React framework. 🔑 Keyword: Storybook Issue involving using Storybook for UI components. Module: MAP Issues related to the Mapping Platform. ⌨ Need: Code This Issue involves some sort of coding. 🎨 Need: Design This Issue involves some sort of design UXUI. 🔥 Priority: Critical This task has Critical priority. Project: PLD Issue related to Project Lockdown. ✔ Stage: Ready This Task is ready to be implemented. 💖 Supported by: NDI ⌨ Team: Devs Task related to Team Developers. 🎨 Team: UXUI Task related to Team UXUI. 💡 Type: Feature This Issue describes a Feature to be implemented.
Milestone
No milestone
Development

No branches or pull requests
4 participants
@merchantweb @JFQueralt @jeff-knurek @stanley-miao